Affichage du "Qui est en ligne"

[Linkdezelda]

Bonjour ou bonsoir,

J'aimerais modifier mon Qui est en ligne en changeant les phrases. J'aimerais avoir quelque chose dans ce style

Spoiler:

J'ai essayé avec votre tutoriel, mais je n'ai pas du tout réussis é_è.

Merci d'avance à celui qui m'aidera^^.

Elenwë

[Forami]

Bonjour:
Pour modifier l'image de "Qui est en ligne"
Affichage>>>Gestion des images>>>mode>>>Général navigation. Et hop tu modifies l'mage de "Qui est en ligne"
Tu peux y mettre meme un gif qui bouge...

[Linkdezelda]

Heu... Ce n'est pas ce que je demande é_è, mais c'est très gentil à toi de m'avoir répondu^^.

J'ai bien préciser que je voulais changer les phrases, mais ce n'est pas grave^^.

Elenwë

[AlanBike]

Bonjour,

Si l'information de votre profil est exacte, vous êtes en version phpBB3. Cette version ne donne pas accès aux templates. Vous ne savez donc pas changer le QEEL via les templates.

Cordialement.

[Linkdezelda]

Ah! J'ai oublié de changer, je suis en PHPBB 2, milles excuses, je vais de ce pas modifié mon profil.

Elenwë

[Linkdezelda]

UP é_è

Elenwë

[Forami]

Tu peux aussi coller un gif

[Forami]

tu peux mettre un gif texte à ton choix sur une image qui change et de ton choix
Ou mdifier la template puisque tu as changé en PHPBB 2

[Linkdezelda]

Comme je l'ai expliqué, j'ai suivis leur tutoriel pour modifier cette template, mais je n'ai rien compris -_-.

J'ai déjà une image de Qui est en Ligne qui est animée^^", ce n'est pas vraiment ce que je demande^^".

Elenwë

[Linkdezelda]

Up

[ge80]

Bonsoir

Avez-vous vu le tutorial qui se trouve ICI ?

Cordialement
Ge

[Linkdezelda]

Oui je l'ai vu, j'ai essayer de modifier, mais je n'y arrive pas du tout et je ne sais pas du tout ce qu'il faut changer pour pouvoir écrire des phrases. J'ai essayé une cinquantaine de fois, en vain, du coup j'ai remis l'ancien.

Elenwë

[ge80]

OK

Je regarderez demain.

Bonne soirée

[Linkdezelda]

Merci infiniment^^.

Elenwë

[ge80]

Désolé, je n'ai pas eu le temps
Demain c'est promis

Edit : De retour
Veuillez poster votre index_body modifié (entre balises code)

[Linkdezelda]

C'est exactement le même que sur le tutoriel :

Code:

<!-- BEGIN disable_viewonline -->
<div id="pun-info" class="main">
  <div class="main-content">
      <div id="stats">
        <p class="right">{TOTAL_POSTS}</p>
        <p>{TOTAL_USERS}</p>
        <p>{NEWEST_USER}</p>
      </div>
      <div id="onlinelist">
        <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
        <p class="right"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></p>
        <p>{TOTAL_USERS_ONLINE}

        {RECORD_USERS}
     
     

        {LOGGED_IN_USER_LIST}
     
        {L_ONLINE_USERS}
        {L_CONNECTED_MEMBERS}

        {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
        <div class="clear"></div>
     
        <p>{LEGEND} : {GROUP_LEGEND}</p>
     
      </div>
      <!-- BEGIN switch_chatbox_activate -->
      <div id="onlinechat">
        <p class="page-bottom">
        {TOTAL_CHATTERS_ONLINE} :
        {CHATTERS_LIST}

        <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
              insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            </script>
        <!-- END switch_chatbox_popup -->
        </p>
      </div>
      <!-- END switch_chatbox_activate -->
  </div>
</div>
<!-- END disable_viewonline -->

Elenwë

[ge80]

OK, je m'y colle

[Linkdezelda]

Merci infiniment^^.

Elenwë

[ge80]

Code:

<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="catHead" colspan="2" height="28"><span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span></td>
   </tr>
   <tr>
      <td class="row1" rowspan="12" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
      <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</span></td>
   </tr>
   <tr>
      <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}</span></td>
   </tr>
   <tr><td class="row1"><span class="gensmall"><img src="http://img1.xooimage.com/files/6/e/8/icon_farao-1893.png" /> Informations sur les présents :<br /></td></span>
        </tr>{L_CONNECTED_MEMBERS}

        <tr><td class="row1"><span class="gensmall"><img src="http://img6.xooimage.com/files/e/1/2/a.gif.smiles-26-ab081.gif" /> Informations sur les anniversaires :<br /></td>    {L_WHOSBIRTHDAY_TODAY}</td></span></tr>
   <td class="row1"><span class="gensmall"><img src="http://img1.xooimage.com/files/8/a/d/icon_sunny-189e.png" />Bientôt : <br /></td></span>
<tr><td class="row1"><span class="gensmall">{L_WHOSBIRTHDAY_WEEK}</tr>
 
      <tr>
       <td class="row1"><span class="gensmall"><img src="http://img1.xooimage.com/files/e/e/eek-1e6fb.gif" />Les groupes : <br />{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</span></td>
   </tr>
   <!-- BEGIN switch_chatbox_activate -->
   <tr>
      <td class="row1">
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp; {CHATTERS_LIST}<br />
            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
            </script>
            <!-- END switch_chatbox_popup -->
         </span>
      </td>
   </tr>
   <!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->


Voici une version qui montre les zones et l'encadrement possible.
Non optimisé et adaptable.

Cordialement
Ge

[Linkdezelda]

Et sans les encadrés? Car ça ne fait pas très joli je trouve, et je ne peux pas changer les informations en-dessous "Tant de personnes inscrites", par exemple é_è, en mettant à la place " Je peux déjà vous dire que -tant- de membre nous ont rejoint dans cette contrée", "En ce moment nous pouvons voir -utilisateurs en ligne - invisible - moteur de recherche" ? Ou ce n'est pas possible avec le PHPBB 2 é_è

Elenwë

[ge80]

Mon but est de montrer les positions des modifications possibles avec images et textes.
J'ai pris n'importe quelle image et un texte minimal

Maintenant place à votre imagination....
Le texte est intégré à l'affichage de la valeur donc si vous voulez le modifier, il vous faudra utiliser les variables comme par exemple celles-ci

A votre disposition pour l'aide dans votre créativité.

Cordialement
Ge

[Linkdezelda]

J'ai essayé de modifier en suivant vos modifications, mais... Ce qu'il y a écrit en dessous reste et ça ne fait pas très joli du coup é_è. On ne peut pas changer ces parties, avec un code spécial pour le nombre d'utilisateur? Et on fait comment pour retirer les encadrés? Et je ne connais pas trop les variables é_è.

Je suis désolée d'être aussi nulle é_è

Elenwë

[Linkdezelda]

UP é_è

Elenwë

[Sen Hime]

Elenwë, [je crois qu'on se connait XD *HJ*]
Est-ce que tu peux dire ce que tu veux exactement comme remplacement pour chaque texte ? ^^ Et au niveau de l'apparence, l'organisation que tu veux pour les informations, avec un schéma par exemple :3
Comme ça je te le fais avec des explications détaillées pour que tu aies une base comme tu souhaites qui fonctionne mais que tu saches comment modifier tel ou tel aspect par la suite ^^

[Linkdezelda]

[Oui, on se connait^^]

Bien sûr, alors... Je veux changer, le nombre de message qu'ont poster les membres
Le nouvel utilisateurs inscrit
Le nombres d'utilisateurs connectés, ainsi que "utilisateurs en ligne", "invisible" et "moteur de recherche"
Le nombre d'utilisateurs enregistrés
Le nombre de message qu'ont posté les membres

Et sans les traits de séparation, si c'est possible^^".

Elenwë

[Sen Hime]

(Tu es bien en phpBB2 ? Dans les messages plus haut tu as donné le template de PunBB, j'ai repris quand même celui de phpBB2 pour faire les modifications)

Voilà ce que ça donne, les textes étant évidemment à adapter :3 :

Code:

<!-- BEGIN disable_viewonline -->
<table class="forumline" id="tab_whoisonline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="catHead" colspan="2" height="28"><span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span></td>
   </tr>
   <tr>
      <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
      <td class="row1" width="100%"><span class="gensmall"><span id="TOTAL_POSTS">{TOTAL_POSTS}</span><br />
      <span id="TOTAL_USERS">{TOTAL_USERS}</span><br />
      <span id="NEWEST_USER">{NEWEST_USER}</span></span></td>
   </tr>
   <tr>
      <td class="row1"><span class="gensmall"><span id="TOTAL_USERS_ONLINE">{TOTAL_USERS_ONLINE}</span><br />
      <span id="RECORD_USERS">{RECORD_USERS}</span><br />
      <br />
      <span id="LOGGED_IN_USER_LIST">{LOGGED_IN_USER_LIST}</span></span></td>
   </tr>
        <tr><td>
        <table id="L_CONNECTED_MEMBERS">
   {L_CONNECTED_MEMBERS}
        </table>
        </td></tr>
   {L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}
   <tr>
      <td class="row1"><span class="gensmall">{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</span></td>
   </tr>
   <!-- BEGIN switch_chatbox_activate -->
   <tr>
      <td class="row1">
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp; {CHATTERS_LIST}<br />
            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
            </script>
            <!-- END switch_chatbox_popup -->
         </span>
      </td>
   </tr>
   <!-- END switch_chatbox_activate -->
</table>
<script type="text/javascript">
document.getElementById('TOTAL_POSTS').innerHTML= document.getElementById('TOTAL_POSTS').innerHTML.replace(/Nos membres ont posté un total de (.+) messages?/,'Pas moins de $1 messages sont conservés en ces lieux.');
document.getElementById('TOTAL_USERS').innerHTML= document.getElementById('TOTAL_USERS').innerHTML.replace(/^Nous avons (.+) membres? enregistré(s?)/,'Le royaume est peuplé par $1 habitant$2.');
document.getElementById('NEWEST_USER').innerHTML= document.getElementById('NEWEST_USER').innerHTML.replace(/^L'utilisateur enregistré le plus récent est (.+)/,'Le dernier arrivé en date est $1, pensez à bien l'accueillir.');
document.getElementById('TOTAL_USERS_ONLINE').innerHTML= document.getElementById('TOTAL_USERS_ONLINE').innerHTML.replace(/Il y a en tout (.+) utilisateur(s?) en ligne/,'On peut apercevoir $1 personne$2 dans la foule').replace(/Enregistré(s?)/,'Habitant$1 connu$1').replace(/Invisible(s?)/,'Fantôme$1').replace(/Invité(s?)/,'Voyageur$1');
document.getElementById('RECORD_USERS').innerHTML= document.getElementById('RECORD_USERS').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de (.+) le (.+)$/,'Le $2, un total de $1 personnes ont été apercues en même temps.');
document.getElementById('LOGGED_IN_USER_LIST').innerHTML= document.getElementById('LOGGED_IN_USER_LIST').innerHTML.replace(/Utilisateurs? enregistré(s?)/,'Vous pouvez apercevoir dans la foule');
document.getElementById('L_CONNECTED_MEMBERS').innerHTML= document.getElementById('L_CONNECTED_MEMBERS').innerHTML.replace(/Membres connectés au cours des (.+) dernières heures/,'Villageois aperçus au cours des dernières $1 heures');
</script>
<!-- END disable_viewonline -->

Au niveau du code HTML, j'ai ajouté des id et/ou des éléments span avec des ids personnalisés, pour pouvoir récupérer/modifier le contenu en Javascript.
Donc le Javascript sert à modifier les textes, par exemple :

Code:

document.getElementById('TOTAL_POSTS').innerHTML= document.getElementById('TOTAL_POSTS').innerHTML.replace(/Nos membres ont posté un total de (.+) messages?/,'Pas moins de $1 messages sont conservés en ces lieux.');

On récupère le texte qu'on a préalablement entourée d'une balise SPAN avec l'id voulu dans le template, et on remplace le texte existant par celui qu'on souhaite :3
Pour faire simple et ne pas rentrer dans les détails de programmation, le "(.+)" permet de récupérer une partie du texte qu'on veut, ici le nombre de messages qu'on ne connait pas à l'avance d'ailleurs, et de la réutiliser dans le texte personnalisé avec "$1" ^^
Donc voilà, tu as juste à retoucher les textes dans cette partie du code en fonction de ce que tu veux obtenir comme texte de remplacement :3

Enfin, pour retirer les lignes qui séparent les cases du "Qui est en ligne?", il faut ajouter le code CSS suivant ^^ :

Code:

table #tab_whoisonline
{
    border-collapse: collapse;
}

Il reprend l'id qu'on a donné à la table qui compose le "Qui est en ligne?" dans le code du template donné plus haut, et il retire l'espace entre les cellules qui fait qu'on voit le fond du forum à travers :3

[Linkdezelda]

J'ai essayé ce que tu m'as dit, mais... Ca ne marche pas é_è, peut-être qu'il faut avoir un CSS personnalisé pour que ça marche é_è

Preuve

Spoiler:

Elenwë

[Sen Hime]

Dans le code Javascript que je t'ai donné, pour chaque remplacement de phrase, il faut absolument que tu laisses la première partie intacte (la phrase à remplacer), et ne modifier que la 2e phrase, celle de remplacement :

document.getElementById('TOTAL_POSTS').innerHTML= document.getElementById('TOTAL_POSTS').innerHTML.replace(/Nos membres ont posté un total de (.+) messages?/,'Pas moins de $1 messages sont conservés en ces lieux.');
Il faut aussi faire attention à bien laisser les ' pour délimiter la phrase ^^
(tu peux remplacer les ' par des " si tu dois en utiliser un à l'intérieur de ta phrase)

EDIT :
Voilà la correction du code Javascript que tu as adapté sur ton forum :

Code:

<script type="text/javascript">
document.getElementById('TOTAL_POSTS').innerHTML= document.getElementById('TOTAL_POSTS').innerHTML.replace(/Nos membres ont posté un total de (.+) messages?/,'Les mistraliens ont postés un total de $1 messages, ils sont plus bavards que vous ne le pensez.');
document.getElementById('TOTAL_USERS').innerHTML= document.getElementById('TOTAL_USERS').innerHTML.replace(/^Nous avons (.+) membres? enregistré(s?)/,'Le royaume est peuplé par $1 habitant$2.');
document.getElementById('NEWEST_USER').innerHTML= document.getElementById('NEWEST_USER').innerHTML.replace(/^L'utilisateur enregistré le plus récent est (.+)/,"Le petit nouveau fraîchement débarqué dans notre belle contrée est $1, pensez à bien l'accueillir.");
document.getElementById('TOTAL_USERS_ONLINE').innerHTML= document.getElementById('TOTAL_USERS_ONLINE').innerHTML.replace(/Il y a en tout (.+) utilisateur(s?) en ligne/,'En ce moment $1 personne$2 visite cette belle contrée.').replace(/Enregistré(s?)/,'Mistralien$1 connu$1').replace(/Invisible(s?)/,'Tit timide$1').replace(/Invité(s?)/,'Âme$1 vagabonde$1');
document.getElementById('RECORD_USERS').innerHTML= document.getElementById('RECORD_USERS').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de (.+) le (.+)$/,'Une chose qui sert un peu à rien, mais je suis obligé de vous le dire, le $2, un total de $1 mistraliens ont été apercues en même temps.');
document.getElementById('LOGGED_IN_USER_LIST').innerHTML= document.getElementById('LOGGED_IN_USER_LIST').innerHTML.replace(/Utilisateurs? enregistré(s?)/,'Vous pouvez apercevoir dans la contrée');
document.getElementById('L_CONNECTED_MEMBERS').innerHTML= document.getElementById('L_CONNECTED_MEMBERS').innerHTML.replace(/Membres connectés au cours des (.+) dernières heures/,'Mistraliens aperçus au cours des dernières $1 heures');
</script>

[Linkdezelda]

Merci infiniment^^, je vais aller sur le CSS maintenant pour retirer les séparations ainsi que cette immonde encadré vert (je ne sais pas trop d'où il vient) O_o.

Elenwë

Édit

J'ai réussis à retirer les séparations (grâce à ton code), mais pas l'encadré vert. Je vais faire des recherches un peu.

Elenwë

[Sen Hime]

C'est un oubli de ma part, j'ai ajouté une case mais je ne lui ai pas donné le même attribut class que celles qui existaient déjà, dans le code du template que je t'ai donné, essaye de remplacer la partie suivante :

Code:

<tr><td>
        <table id="L_CONNECTED_MEMBERS">
  {L_CONNECTED_MEMBERS}
        </table>
        </td></tr>

Code:

<tr><td class="row1">
        <table id="L_CONNECTED_MEMBERS">
  {L_CONNECTED_MEMBERS}
        </table>
        </td></tr>

Comme ça la case que j'ai ajoutée aura la même apparence que les autres :3 (et plus ce fond vert XD)