Incompréhension du template Qui est en ligne

[Nivek075]

Bonjour,

Je sais que la question a été posée mainte et mainte fois, et je vous prie de bien vouloir m'en excuser. J'ai cherché partout sur le forum pour un "Qui est en ligne", enfin, tenter de comprendre point par point, mais en vain. J'ai essayé de personnalisé intégralement mon "Qui est en ligne ?", c'est-à-dire à faire mes propres phrases, choisir la couleur de fond, choisir la présentation, etc... Je me suis inspiré de ce forum où je trouve qu'il est vraiment sympathique : http://one-tree-hill-rpg.forumactif.com/. Je me suis également aidé du tutoriel, mais apparemment, je n'ai pas compris, voici le résultat.

Spoiler:

Sinon concernant le "Qui est en ligne" que je souhaiterai avoir, est celui du forum, cité ci-dessus. Sans bien sûr le copié intégralement ! Je ne souhaite pas avoir d'image et je préfèrerais avoir les informations à gauche et la liste des membres connectés ces derniers temps à droite, avoir mes propres couleurs et enfin, la liste des membres fêtant leurs anniversaires, en bas sur toutes la ligne.

Je suis conscient que c'est un énorme travail, c'est pourquoi j'aimerai, si possible obtenir de l'aide, quitte à le faire à deux, voire plus. (Je ne souhaite pas que les aidactifs fassent le travail à ma place, c'est-à-dire qu'ils me donnent le code et voilà, tout est réglé).

Je vous remercie par avance.
Amicalement, Nivek075

[EstoLouis]

Bonjour
Effectivement tu n'as rien compris xD

Tu pourrais me faire un schema du qeel que tu souhaiterais avoir ?

A bientot :-)

[Nivek075]

Voici le Qui est en ligne que j'aimerai avoir :

Spoiler:

Pour t'en dire un peu plus, j'ai changé entièrement les phrases. Les deux colonnes seront séparés à 50% de largeur chacune, séparées par une ligne verticale en pointillée.

Et y a-t-il moyen de mettre une image en fond à la place de la couleur assez facilement ?

Merci

[Nivek075]

UP, merci d'avance.

[Nivek075]

Un petit UP s'il vous plaît ? Merci d'avance.

[Nivek075]

Up ? Merci

[Anzu]

Bonjour, Attention, cela fait 7 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir délester votre sujet, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, dans ce cas, votre premier message et cochez l'icône A bientôt sur ForumActif

[Nivek075]

Bonsoir Anzu,

Oui, malheureusement personne ne peut m'aider, donc si mon sujet est déplacé, ce n'est pas grave. Malgré mon post, si vous le voulez bien, vous pouvez le délester. Je finirai bien par trouver la réponse quelque part. Merci à vous en tous cas.

Amicalement, Nivek075

[Anzu]

Bonsoir,

Pourquoi serait-il déplacé si le sujet n'est pas résolu et que vous faites un UP ?

Je peux le résoudre mais il me faudrait le code de votre index body et votre css.
Au niveau de votre demande, vous voulez simplement mettre une image en fond c'est bien ca ?

Cordialement.

[Nivek075]

Justement, je n'ai pas réussi à faire un qui est en ligne comme je le souhaitais malgré le tutoriel qui est fait pour nous aider, avec les variables, etc... J'aimerai justement comprendre (je ne suis pas un cas désespéré quand même , j'aurai aimé avoir un qui est en ligne dans ce style là : http://one-tree-hill-rpg.forumactif.com/

[Anzu]

Donc on part de zéro ? (template par défaut) ^^

Je vais vous expliquer point par point =>

[Nivek075]

Pour le moment oui, j'ai la template par défaut. C'est parti, je suis prêt !

[Anzu]

Donc c'est parti ^^

Première Etape: On repère la partie du template qui va être modifiée.
Affichage > Templates > Général > Index body >

Code:

<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="catHead" colspan="2" height="28">
      <!-- BEGIN switch_viewonline_link -->
      <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
      <!-- END switch_viewonline_link -->

      <!-- BEGIN switch_viewonline_nolink -->
      <span class="cattitle">{L_WHO_IS_ONLINE}</span>
      <!-- END switch_viewonline_nolink -->
      </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">{TOTAL_POSTS}

      {TOTAL_USERS}

      {NEWEST_USER}</span></td>
   </tr>
   <tr>
      <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}

      {RECORD_USERS}

      

      {LOGGED_IN_USER_LIST}</span></td>
   </tr>
   {L_CONNECTED_MEMBERS}
   {L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}
   <tr>
      <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
   </tr>
   <!-- BEGIN switch_chatbox_activate -->
   <tr>
      <td class="row1">
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}

            <!-- 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 -->

Ce n'est pas compliqué, elle se trouve entre Begin disable viewonline et End ^^.

Deuxième Etape: On détermine la structure de base de notre tableau (par rapport à l'exemple, donc ici le forum qui va servir d'exemple):

Les tableaux sont toujours constitués des balises suivantes:

<table>
<tr> => les lignes
<td> => les colonnes

Et parfois, on a besoin de ces éléments:

♣ Colspan => Pour "fusionner" des cellules.
♣ Rowspan => Pour "fusionner" des colonnes.

Ce qui nous donnera:


On applique cette structure à notre qeel, en mettant un peu de contenu.

> Une image pour le qeel, avec un center autour.
> Les liens pour les groupes
> Les variables dans chaque td.

On obtient donc:



Jusqu'à maintenant, c'est compréhensible ? Pas assez détaillé ?

Cordialement.

[Nivek075]

Pour le moment ça va ! J'ai réussi à comprendre les différences du départ et de l'arrivée des balises utilisées. C'est déjà ça. Merci beaucoup...

[Nivek075]

Un petit UP, merci d'avance.

[Nivek075]

Je Up pour ne pas qu'on efface le topic... Merci beaucoup.

[Anzu]

Bonsoir,

La structure de base de votre qui est en ligne a été faite. Qu'aimeriez vous faire à présent ?
Il faudrait donner l'image pour le qeel, préciser les couleurs, les effets, etc ..

Cordialement.

[Nivek075]

Bonsoir Anzu,

Je vous prie de bien vouloir m'excuser de poster si tardivement ! Je vous donnerai toutes les informations dans la journée de demain. Vraiment désolé et passez une bonne soirée.

Amicalement, Nivek075

[Nivek075]

Voici une image pour le Qui est en ligne, mais pour l'instant elle est vraiment provisoire, je risque de la changer très rapidement. Voici son lien :

Spoiler:

Pour les couleurs, je n'en ai pas spécialement, j'opterai plus pour des couleurs foncées, mettez celle que vous souhaitez.

Sinon, pour les liens peut-être un texte tout en majuscule, pas très petit, ni trop grand.

Je vous remercie par avance.

[Nivek075]

Je remonte le topic. Merci.

[Anzu]

Bonsoir,

Je suis toujours là

Pour l'image, vous la voulez bien en fond ? Concernant les couleurs, il me faudrait un aperçu du thème de votre forum.

Cordialement.

[Nivek075]

Bonsoir,

Ne vous inquiétez pas, je comprends très bien que vous ne puissiez pas répondre dans la minute, tout le monde a une vie...

Oui, je souhaite avoir l'image en fond si cela ne vous pose pas trop de soucis.

Voici l'aperçu de mon forum par une capture d'image :

Spoiler:

Je vous remercie d'avance !
Passez une bonne soirée,

Amicalement, Nivek075

[Nivek075]

UP s'il vous plaît, merci d'avance et bonne soirée.

[Anzu]

Avec l'image en fond, ca donne ceci:

Code:

    {JAVASCRIPT}
    <!-- BEGIN message_admin_index -->
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <!-- BEGIN message_admin_titre -->
      <tr>
          <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
      </tr>
      <!-- END message_admin_titre -->
      <!-- BEGIN message_admin_txt -->
      <tr>
          <td class="row1" rowspan="3" align="center" valign="middle">
          <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
          </td>
      </tr>
      <!-- END message_admin_txt -->
    </table>
    <!-- END message_admin_index -->

    <!-- BEGIN switch_user_login_form_header -->
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <!-- BEGIN switch_fb_connect_no -->
      <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
          <tr>
            <td class="row1" align="center">
                <table border="0" cellspacing="0" cellpadding="0">
                  <tr>
                      <td><span class="genmed">{L_USERNAME}:</span> </td>
                      <td><input class="post" type="text" size="10" name="username"/> </td>
                      <td>
                        <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                        <span class="gensmall">{L_AUTO_LOGIN}</span>
                      </td>
                  </tr>

                  <tr>
                      <td><span class="genmed">{L_PASSWORD}:</span> </td>
                      <td><input class="post" type="password" size="10" name="password"/> </td>
                      <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                  </tr>
                </table>
            </td>
          </tr>
      </table>
      <!-- END switch_fb_connect_no -->

      <!-- BEGIN switch_fb_connect -->
      <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
          <tr>
            <td valign="top" width="100%"  class="row1" align="center">
                <table width="100%">
                  <tr>
                      <td width="55%" valign="middle" align="right">
                        <table class="right">
                            <tr>
                              <td><span class="genmed">{L_USERNAME}:</span> </td>
                              <td><input class="post" type="text" size="10" name="username"/> </td>
                              <td>
                                  <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                  <span class="gensmall">{L_AUTO_LOGIN}</span>
                              </td>
                            </tr>

                            <tr>
                              <td><span class="genmed">{L_PASSWORD}:</span> </td>
                              <td><input class="post" type="password" size="10" name="password"/> </td>
                              <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                            </tr>
                        </table>
                      </td>
                      <td width="10%" align="center" valign="middle">
                        <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                      </td>
                      <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
                  </tr>
                </table>
            </td>
          </tr>
      </table>
      <!-- END switch_fb_connect -->
    </form>
    <!-- END switch_user_login_form_header -->

    {CHATBOX_TOP}
    {BOARD_INDEX}
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
          <td width="50%" valign="top">
            <!-- BEGIN switch_user_logged_in -->
            <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
            <!-- END switch_user_logged_in -->
            <!-- BEGIN switch_delete_cookies -->
           
    <a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
            <!-- END switch_delete_cookies -->
            </span>
          </td>
          <td width="50%" align="right">
            <span class="gensmall">
                <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a>

                <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a>

                <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
                <!-- BEGIN switch_on_index -->
                  <!-- BEGIN switch_delete_cookies -->
                 
    <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
                  <!-- END switch_delete_cookies -->
                <!-- END switch_on_index -->
            </span>
          </td>
      </tr>
    </table>

    <!-- BEGIN switch_user_login_form_footer -->
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <!-- BEGIN switch_fb_connect_no -->
      <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
          <tr>
            <td class="row1" align="center">
                <table border="0" cellspacing="0" cellpadding="0">
                  <tr>
                      <td><span class="genmed">{L_USERNAME}:</span> </td>
                      <td><input class="post" type="text" size="10" name="username"/> </td>
                      <td>
                        <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                        <span class="gensmall">{L_AUTO_LOGIN}</span>
                      </td>
                  </tr>

                  <tr>
                      <td><span class="genmed">{L_PASSWORD}:</span> </td>
                      <td><input class="post" type="password" size="10" name="password"/> </td>
                      <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                  </tr>
                </table>
            </td>
          </tr>
      </table>
      <!-- END switch_fb_connect_no -->

      <!-- BEGIN switch_fb_connect -->
      <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
          <tr>
            <td valign="top" width="100%"  class="row1" align="center">
                <table width="100%">
                  <tr>
                      <td width="55%" valign="middle">
                        <table class="right">
                            <tr>
                              <td><span class="genmed">{L_USERNAME}:</span> </td>
                              <td><input class="post" type="text" size="10" name="username"/> </td>
                              <td>
                                  <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                  <span class="gensmall">{L_AUTO_LOGIN}</span>
                              </td>
                            </tr>

                            <tr>
                              <td><span class="genmed">{L_PASSWORD}:</span> </td>
                              <td><input class="post" type="password" size="10" name="password"/> </td>
                              <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                            </tr>
                        </table>
                      </td>
                      <td width="10%" align="center" valign="middle">
                        <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                      </td>
                      <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
                  </tr>
                </table>
            </td>
          </tr>
      </table>
      <!-- END switch_fb_connect -->
    </form>
    <!-- END switch_user_login_form_footer -->

    <!-- BEGIN disable_viewonline -->

    <table style="width:700px; height:315px; background-image: url('http://i25.servimg.com/u/f25/11/75/99/60/qeel310.jpg');"><tr><td colspan="2"><center><span class="groupes">  <a href="http://forum.forumactif.com/g32067-adminactifs-adminactives"><font color="#176A91"><b>Groupe A</b></font></a></span>

    <span class="groupes">  <a href="http://forum.forumactif.com/g32067-adminactifs-adminactives"><font color="#e99348"><b>Groupe B</b></font>
    </a></span>

    <span class="groupes">  <a href="http://forum.forumactif.com/g32067-adminactifs-adminactives"><font color="#776190"><b>Groupe C</b></font></a></span>

    <span class="groupes">  <a href="http://forum.forumactif.com/g32067-adminactifs-adminactives"><font color="#a10043"><b>Groupe D</b></font>
    </a></span>
    </center></td></tr><tr><td><table style="-moz-border-radius:20px;>{L_CONNECTED_MEMBERS}</table></td><td><font size="1,5px">{TOTAL_POSTS}<br />
    {TOTAL_USERS}<br />

          {NEWEST_USER}<br /></font></td></tr></table>



    <!-- END disable_viewonline -->
    {CHATBOX_BOTTOM}
    <br clear="all" />
    <!-- BEGIN switch_legend -->
    <table border="0" cellspacing="3" cellpadding="0" align="center">
      <tr>
          <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
          <td><span class="gensmall">{L_NEW_POSTS}</span></td>
          <td></td>
          <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
          <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
          <td>  </td>
          <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
          <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
      </tr>
    </table>
    <!-- END switch_legend -->

    {AUTO_DST}

    <!-- BEGIN switch_fb_index_login -->
    <div id="fb-root"></div>
    <script type="text/javascript">
    //<![CDATA[
    FB.init({
      appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
        status: true,
        cookie: true,
        xfbml: true
    });
    //]]>
    </script>
    <!-- END switch_fb_index_login -->

Cordialement.

[Nivek075]

Merci beaucoup Anzu,

J'aurai encore deux petites questions :
- Il est possible d'ajouter d'autres variables dans le Qui est en Ligne ?
- Et y a-t-il moyen de changer toutes les phrases de celui-ci ?

Je vous remercie une nouvelle fois.
Amicalement, Nivek075

[Anzu]

Pour les phrases, oui on peut les modifier (mais pas toutes), il y a un tuto à ce sujet mais si vous n'y arrivez pas, je peux vous le faire. Il me faudrait simplement les phrases modifiées.

Et pour les variables, je ne les ai pas toutes mises effectivement > <
Il manquait elles ci:

Code:

{TOTAL_USERS_ONLINE}
   {RECORD_USERS}
      {LOGGED_IN_USER_LIST}
   {L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}

Donc dans votre template actuel, vous repérez les autres variables:

Code:

{TOTAL_POSTS}<br />
    {TOTAL_USERS}<br />

          {NEWEST_USER}<br />

Et vous les placez juste après, avec des retours à la ligne, histoire que les stats ne soient pas les unes sur les autres.

Pour celles ci:

Code:


   {L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}

Il faut mettre les balises table.

<table>{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}</table>

Cordialement.

[Nivek075]

En plaçant ces deux variables (voir ci-dessous), j'ai un cadre avec un fond blanc qui apparaît sur l'image de fond.

<table>{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}</table>

Je vais essayer de modifier moi-même les phrases, vous avez déjà fait un boulot monstre pour moi. Si j'ai besoin d'aide, je vous ferai appel (sans vouloir vous offensez ).

Pouvez-vous simplement me dire quelles sont les phrases que l'on ne peut pas changer ? Et où-est-ce que je place le code qui permet de modifier les phrases ?

Je vous remercie d'avance,
Amicalement, Nivek075

[Anzu]

Pour le cadre de fond, j'avais donné une petite astuce: (qui permet de mettre une transparence)

Code:

<table style="-moz-border-radius: 20px;>{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}</table>

Et pour la modification des phrases, je vous donne un exemple:

Code:

<span class="gensmall">
<span id="chamallow">{NEWEST_USER}</span>

<script type="text/javascript">document.getElementById('chamallow').innerHTML=document.getElementById('chamallow').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Nous souhaitons la bienvenue à");</script>

</span>

• Il y a un id, et cet id doit être unique pour chaque "code". Donc ici, c'est chamallow, et pour la prochaine variable, il faudra changer l'id.
• Dans le code, vous avez la phrase de base (à mettre mot pour mot, majuscule et minuscule) et la phrase modifiée.

Tuto détaillé et complet ici: https://forum.forumactif.com/t274260-modifier-le-qui-est-en-ligne-par-template

Pour celles qui ne fonctionnent pas, je ne me souviens pas exactement. L Connected members ca j'en suis sûre, le reste il me semble que c'est ok.

[Nivek075]

Bonjour,

Je vous remercie beaucoup Anzu, le problème est résolu mais j'aimerai le laisser comme non-résolu pour quelques temps (une journée ou deux pas plus). C'est le temps de faire les phrases et au cas où, j'aurai un soucis.

J'espère que cela ne vous dérangera pas trop ?

Amicalement, Nivek075

[Anzu]

Pas de souci ^^

Cordialement.