Qui est en ligne personnalisé selon un schéma

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Qui est en ligne personnalisé selon un schéma

Message par Arc-En-Ciela le Jeu 5 Juil 2012 - 15:44

Hello,

J'pense que j'ai mis mon ancien post en résolu, désolée =/. J'fais un copier/coller.

Bon, encore une autre qui gosse après sont QEEL... Ah, je suis désolée, j'ai passé l'après-midi à chercher un tutoriel et tout et tout, mais je suis vraiment une courge avec le codage. (Voyez, mon cerveau invente des expressions tellement il est en surchauffe TT__TT)

J'ai déjà essayé de faire des tableau, mais quand j'arrive dans le template, ça fonctionne plus, y'a plein de termes bizarres et le tableau rend pas vraiment comme il le devrait x_X. Ça fait plein de truc tout croche, en plus avec les scripts et tout le baratin déjà personnalisé... du coup, je suis toute perdue. Ou sinon, le bazar qui règne dans le template me perd complètement.

Voici ce que j'ai présentement (n'aller pas voir sur mon forum, c'est un aperçu de mon template modifié mais pas posté)

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" scope="{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 -->
        <br /><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><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
              <!-- BEGIN switch_delete_cookies -->
              <br /><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" scope="{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 class="QEEL" width="100%" border="0" cellspacing="10" cellpadding="10" -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px>
  <tr>
      <td class="catHead" colspan="2" height="28">
      <!-- BEGIN switch_viewonline_link -->
      <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow"><center><FONT size=5 face="Georgia"><b><i>¤ Qui est en ligne ? ¤</i></b></FONT></center></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="4" 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="first">{TOTAL_POSTS}{TOTAL_USERS}{NEWEST_USER}{TOTAL_USERS_ONLINE}</span>
            <script type="text/javascript">document.getElementById('first').innerHTML=document.getElementById('first').innerHTML.replace(/Nos membres ont posté un total de (.+) message(s?)Nous avons (.+) membre(s?) enregistré(s?).L'utilisateur enregistré le plus récent est (.*)Il y a en tout (.+) utilisateur(s?) en ligne :: (.+) Enregistré(s?), (.+) Invisible(s?) et (.+) Invité(s?)/,"<div STYLE='text-align:justify'>Alors que ce monde, Alter-Mundus, n'est né que depuis moins d'un siècle, plusieurs de ses habitants ont réussi à se faire remarquer et à entrer dans la légende, dont $3 en particulier, de $1 manière$2 différente$2.  Le dernier a avoir été aperçu est $6.<p>En ce moment, les nombreux territoires de Mystigia sont parcourus par $7 Lupus Draconis, ou autre$8 bête$8 peuplant cet univers, dont $9 cherchant la gloire dans une quête personnelle, $11  oeuvrant dans l'ombre pour servir un dessein secret et $13 voyageur$14 errant à la recherche de quelque chose d'intéressant.").replace(/:: (.+) Moteur(s?) de recherche/,"De plus, ils sont observés par $1 individu$2 venant d'une autre dimension.</div>");
            </script>
<span id="second">
{RECORD_USERS}</span>
            <script type="text/javascript">document.getElementById('second').innerHTML=document.getElementById('second').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"<p>Le record du nombre de chemins croisés en même temps dans ce périple est de");
            </script>
<span id="third">
{LOGGED_IN_USER_LIST}</span>
            <script type="text/javascript">document.getElementById('third').innerHTML=document.getElementById('third').innerHTML.replace(/Utilisateurs enregistrés :/,"Créatures explorant les Terres présentement :");
            </script>
<tr id="qeel8" style="display:none;"><td></td></tr>{L_CONNECTED_MEMBERS}<script type="text/javascript">document.getElementById('qeel8').nextSibling.firstChild.firstChild.innerHTML=document.getElementById('qeel8').nextSibling.firstChild.firstChild.innerHTML.replace(/Membres connectés/,"Créature ayant sillonné Mystigia");</script>

{L_WHOSBIRTHDAY_TODAY}<span id="anniv"></span>
        <script type="text/javascript">document.getElementById('anniv').parentNode.innerHTML=document.getElementById('anniv').parentNode.innerHTML.replace(/Membres fêtant leur anniversaire aujourd'hui :/,"Aujourd'hui est un jour spécial, car c'est le jour de naissance de ").replace(/Aucun membre ne fête son anniversaire aujourd'hui/,"Aujourd'hui est un jour comme les autres.");</script>
<span id="week">{L_WHOSBIRTHDAY_WEEK}</span>
        <script type="text/javascript">document.getElementById('week').parentNode.innerHTML=document.getElementById('week').parentNode.innerHTML.replace(/Membres fêtant leur anniversaire dans les 7 prochains jours:/,"Préparez-vous, car nous fêterons prochainement l'anniversaire de").replace(/Aucun membre ne fête son anniversaire dans les 7 prochains jours/,"Profitez-en pour vous amuser!");</script></span>

      <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
  </tr>

<!-- 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,
    oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
Et le schéma de ce que j'aimerais avoir :


Les cadres blancs sont transparents, juste pour qu'on puisse les voir. Il y a un pointillé pour le titre/QEEL, parce que je ne sais pas si c'est possible de le faire arrêter là où il est indiqué dans le schéma. Les lignes vert flash représentent que les bords sont au même niveau, désolée si le schéma n'est pas tout à fait droit =/. Les cadres noirs, c'est pour une semi transparence et les barres bleues sont des scrollbars. Pour les groupes, en vert foncé, je serai capable par la suite de les modifier comme je le voudrai, au pire, je vous ferez encore signes ;P

Si vous pouviez m'expliquer comment faire pour personnaliser, ça serait vraiment agréable. Par expliquer, j'entends que si jamais il y a une code qui est posté, que je sache la fonction des différents éléments. Si possible. Histoire que je sois capable de bidouiller dessus ultérieurement.

PS : Je suis fondatrice et mon forum est en PhpBB2. J'utilise habituellement Google Chrome.

Merci de votre attention,
Ciela


Dernière édition par Arc-En-Ciela le Mar 10 Juil 2012 - 14:56, édité 1 fois

Arc-En-Ciela
***

Messages : 120
Inscrit(e) le : 22/08/2010

http://alter-mundus.superforum.fr/portal.htm
Arc-En-Ciela a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne personnalisé selon un schéma

Message par Invité le Jeu 5 Juil 2012 - 18:36

Bonjour,
Etape 1.
Réaliser un tableau qui contient les éléments au bon emplacement:
Spoiler:
un tableau: <table></table> dans lequel on met 3 lignes <table><tr></tr><tr></tr></table> dans lesquelles on met 3 cellules <table><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td colspan="3"></td></tr></table>
Le code,en reprenant les éléments du qeel, est le suivant:
Code:
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" background="{L_ONLINE_IMG}" style="background-repeat: no-repeat; background-position: center;">
   <tr>
      <td>
      <!-- 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>
      
      <td>
      </td>
      
      <td>
      <span class="gensmall">{LOGGED_IN_USER_LIST}</span>
      </td>
   </tr>
      
   <tr>      
      <td>
      <span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}<br />
      {TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}</span>
      </td>
      
      <td>
      <span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span>
      </td>
      
      <td>
      <table>{L_CONNECTED_MEMBERS}</table>
      </td>
   </tr>
   <tr>
   <td colspan="3">
   {L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}
   <!-- BEGIN switch_chatbox_activate -->
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {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 -->

Etape 2:
Ajouter des div et des class pour faire les contours de chaque élément et une largeur aux cellules:
Spoiler:
Une div encadre un contenu et porte un nom (inventé très souvent) qui permet de se servir de la feuile CSS pour modifier l'apparence.
Pour la largeur des cellules(td) on se sert de width="XXXpx;".
Le code devient alors:
Code:
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" background="{L_ONLINE_IMG}" style="background-repeat: no-repeat; background-position: center;">
   <tr>
      <td width="320px">
      <!-- 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>
      
      <td>
      </td>
      
      <td  width="320px">
      <div class="les_connectes">
      <span class="gensmall">{LOGGED_IN_USER_LIST}</span>
      </div>
      </td>
   </tr>
      
   <tr>      
      <td  width="320px">
      <div class="les-stats_qeel">
      <span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}<br />
      {TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}</span>
      </div>
      </td>
      
      <td>
      <span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span>
      </td>
      
      <td  width="320px">
      <div class="les_co24">
      <table>{L_CONNECTED_MEMBERS}</table>
      </div>
      </td>
   </tr>
   <tr>
   <td colspan="3">
   <table width="100%">{L_WHOSBIRTHDAY_TODAY}
          {L_WHOSBIRTHDAY_WEEK}</table>
   <!-- BEGIN switch_chatbox_activate -->
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {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 -->
et on ajoute à la feuille de style CSS:
Code:
.les_connectes{
border: 3px solid purple;
border-radius: 20px;
padding: 5px;
margin: 5px;
width: 300px;
height: 100px;
overflow-y: auto;}

.les-stats_qeel{
border: 3px solid purple;
border-radius: 20px;
padding: 5px;
margin: 5px;
width: 300px;
height: 100px;
overflow-y: auto;}

.les_co24{
border: 3px solid purple;
border-radius: 20px;
padding: 5px;
margin: 5px;
width: 300px;
height: 100px;
overflow-y: auto;}

Etape 3.
On corrige les imperfections:
center le titre (align="center"), retirer les fond des connectés au cours de 24 heures et des anniversaires (avec des id et la feuille CSS), faire descendre les groupes(valign="bottom"). Le code devient alors:
Code:
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" background="{L_ONLINE_IMG}" style="background-repeat: no-repeat; background-position: center;">
   <tr>
      <td  width="320px" valign="middle" align="center">
      <!-- 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>
      
      <td>
      </td>
      
      <td  width="320px">
      <div class="les_connectes">
      <span class="gensmall">{LOGGED_IN_USER_LIST}</span>
      </div>
      </td>
   </tr>
      
   <tr>      
      <td  width="320px">
      <div class="les-stats_qeel">
      <span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}<br />
      {TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}</span>
      </div>
      </td>
      
      <td valign="bottom" align="center">
      <span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span>
      </td>
      
      <td  width="320px">
      <div class="les_co24">
      <table id="lastco">{L_CONNECTED_MEMBERS}</table>
      </div>
      </td>
   </tr>
   <tr>
   <td colspan="3">
   <table width="100%" id="anniv">{L_WHOSBIRTHDAY_TODAY}
          {L_WHOSBIRTHDAY_WEEK}</table>
   <!-- BEGIN switch_chatbox_activate -->
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {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 -->
et on ajoute au CSS:
Code:
#lastco .row1, #anniv .row1{
background: none;}

Normalement, c'est assez proche du résultat souhaité, du moins je l'espère.
Spoiler:

Pour les groupes, je n'ai pas très bien compris ce que vous souhaitez, mais je pense qu'il va falloir faire un tableau et rentrer chaque groupe manuellement dans le QEEL à l'aide du code ci-dessous.
Code:
<a href="url de la page du groupe"><span color="couleur du groupe">nom du groupe</span></a>

Bien sincèrement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne personnalisé selon un schéma

Message par Arc-En-Ciela le Jeu 5 Juil 2012 - 19:30

Bonjour,

Oh my god Oo, je m'en vais tester ça immédiatement en essayant d'y insérer mes anciens codages (pour les changements de mots & tout & tout). Pour les groupes, je voulais faire un tableau avec 10 cellules, soit deux lignes et 5 colonnes. Je vais voir si je suis capable de m'en tirer toute seule 8D.

Je vous reviens avec le constat,

EDIT : Pour l'instant, ça marche très bien ! J'ai même réussi à faire mon tableau pour les groupe et à le sortir de l'autre tableau, parce que finalement, c'était plus ou moins la place où je voulais le mettre. J'essaie de voir si je suis capable de personnaliser...

Merci énormément,
Ciela

Arc-En-Ciela
***

Messages : 120
Inscrit(e) le : 22/08/2010

http://alter-mundus.superforum.fr/portal.htm
Arc-En-Ciela a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne personnalisé selon un schéma

Message par Arc-En-Ciela le Dim 8 Juil 2012 - 5:07

Salut !

Donc, ça marche hyper bien ! J'apprécie beaucoup les explications données : j'ai réussi à faire pas mal de changements à partir de ton code.

Y'a juste quelques petits détails : la cellule contenant les statistiques, (la cellule en bas à gauche) est-ce qu'il est possible de la monter sans décaler les deux cellules de droites ? En effet, la hauteur de l'image du "Qui est en ligne ?" empêche de mettre la cellule plus haut. J'ai essayé avec des "margin" négatif, mais l'espace entre les cellules de droite se modifie aussi. J'ai aussi tenté avec un ".les-stats_qeelwidth", un truc que j'ai trouvé en faisant des recherches, mais ça ne fonctionne juste pas XD. J'pense que ça fonctionne juste avec un certain type de code XD. Sinon, c'est pas très grave ^^.

Spoiler:

Merci encore pour ton aide précieuse,
Ciela

Arc-En-Ciela
***

Messages : 120
Inscrit(e) le : 22/08/2010

http://alter-mundus.superforum.fr/portal.htm
Arc-En-Ciela a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne personnalisé selon un schéma

Message par Invité le Lun 9 Juil 2012 - 10:43

Bonjour,

Redonnez-moi votre template avec les modifications apportées et votre CSS que je teste , pour voir s'il y a une solution Wink.

Bien sincèrement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne personnalisé selon un schéma

Message par Arc-En-Ciela le Lun 9 Juil 2012 - 15:26

Bonjour,

Voici le template index-body :



Et mon CSS complet:



Et mon CSS associé au QEEL si vous préférez ^^



Merci de votre aide (j'viens de me rendre compte que je vous avais tutoyée tout à l'heure, excusez-moi si vous préférez être vouvoyée),
Ciela

Arc-En-Ciela
***

Messages : 120
Inscrit(e) le : 22/08/2010

http://alter-mundus.superforum.fr/portal.htm
Arc-En-Ciela a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne personnalisé selon un schéma

Message par Invité le Lun 9 Juil 2012 - 15:55

En fusionnant les cellules de la colonne de gauche, on peut faire bouger le cadre du bas à l'aide d'un margin-top négatif.

Donc seules les class des connectés et des stats sont à modifier.


Dans le template on déplace la div contenant les stats dans la première cellule, et on ajoute "rospan="2" pour fusionner les 2 cellules de la colonne, et on n'oublie pas de retirer la cellule qui se trouve en trop Razz.



(Tutoiement ou vouvoiement, ça n'a aucune importance, j'ai juste gardé une vieille habitude du boulot et je vouvoie par automatisme Razz)

Bien sincèrement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne personnalisé selon un schéma

Message par Arc-En-Ciela le Mar 10 Juil 2012 - 1:14

Bonjour,

Merci, c'est vraiment parfait !

Juste pour être sûre d'avoir tout compris : l'image/texte Qui est en ligne est maintenant dans la même cellule que les Stats, sauf que la div autour des stats permet de choisir leur emplacement. L'espace qu'il y avait entre les cellules a été supprimé parce qu'il n'y a plus qu'une cellule. C'est bon ?

Merci encore !
Ciela

Arc-En-Ciela
***

Messages : 120
Inscrit(e) le : 22/08/2010

http://alter-mundus.superforum.fr/portal.htm
Arc-En-Ciela a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne personnalisé selon un schéma

Message par Invité le Mar 10 Juil 2012 - 12:03

Bonjour,

C'est exactement ça, vous avez tout compris!

Au lieu d'avoir un tableau avec 4 cellules:
élément 1 élément 3
élément 2 élément 4
Le tableau n'a que 3 cellules:
élément 1
élément 2
élément 3
élément 4
Donc en encadrant les élément de div, on peut affiner leur position les uns par rapport aux autres Very Happy.

Bien sincèrement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Qui est en ligne personnalisé selon un schéma

Message par Arc-En-Ciela le Mar 10 Juil 2012 - 14:56

Bonjour,

Donc merci beaucoup pour votre aide (j'ai même réussi à modifier l'apparence de mes forums avec vos conseils \o/ ).

résolu

Ciela

Arc-En-Ciela
***

Messages : 120
Inscrit(e) le : 22/08/2010

http://alter-mundus.superforum.fr/portal.htm
Arc-En-Ciela a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum