Changement de position des groupes

[x_purre]

Bonjours!

J'aimerais re positionner mes groupes.

Comme quand on créer son forum nos groupes sont dans le qui est en ligne afficher comme cela: [Admin] [autregroupe]

J'aimerais les changer de place et les afficher comme ceci:



x_Purre

[Lixyr]

Bonjour.

Pour ce faire, il faut avoir accès aux templates, donc au mieux être en phpbb2.

Repérez ensuite cette ligne dans le template index_body :

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

retirez ce qu'il y a en rouge, et à la place, mettez manuellement vos groupes, entourés d'un cadre.

Pour mettre un cadre, il faut entourer les groupes par un span, de cette manière :

<span class="CLASSE">VOTRE_GROUPE</span>

vous modifiez la CLASSE par celle que vous voulez et VOTRE_GROUPE par votre groupe.

Et ensuite dans le css, vous rajoutez la classe de l'attribut span accompagné du code :

Code:

border: 1px solid black;

comme ceci :

Code:

.CLASSE {border: 1px solid black;}

Cordialement.

[x_purre]

Bonjours.
J'ai rechercher la ligne de code (ctrl + F) mais je ne les pas trouvé. Voici mon template Index_body:

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 -->
         <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" 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 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}<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>
   {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}<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 -->
{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 -->

[Lixyr]

Bonsoir.

Elle y est :

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

n'utilisez pas l'option rechercher, mais recherchez par vous-même dans le template, c'est presque vers la fin.

[x_purre]

Donc si j'ai bien compris je doit changer pour cela ?

Code:

 {L_WHOSBIRTHDAY_WEEK}
<tr>
<td class="row1"><span class="gensmall"><span class="CLASSE">Administrateurs</span></span></td><span class="CLASSE">Modérateurs</span><span class="CLASSE">Animation</span><span class="CLASSE">Aideurs</span>
</tr>
<!-- BEGIN switch_chatbox_activate -->

?

[Lixyr]

Oui. ^^

Seulement, il y a une petite erreur dans votre code :

{L_WHOSBIRTHDAY_WEEK}
<tr>
<td class="row1"><span class="gensmall"><span class="CLASSE">Administrateurs</span></span></td><span class="CLASSE">Modérateurs</span><span class="CLASSE">Animation</span><span class="CLASSE">Aideurs</span>
</tr>
<!-- BEGIN switch_chatbox_activate -->

vous fermez la cellule trop tôt. Vos groupes doivent tous être dans la même cellule, ce sera beaucoup plus simple.

Ainsi fait :

{L_WHOSBIRTHDAY_WEEK}
<tr>
<td class="row1"><span class="gensmall"><span class="CLASSE">Administrateurs</span></span><span class="CLASSE">Modérateurs</span><span class="CLASSE">Animation</span><span class="CLASSE">Aideurs</span>
ICI LA CONTINUATION DE VOS GROUPES
</td></tr>
<!-- BEGIN switch_chatbox_activate -->

Par ailleurs, si vous le désirez, vous pouvez modifier la balise

<span class="gensmall"><span class="CLASSE">Administrateurs</span></span>

et la fusionner avec la balise de la cellule, de sorte de ne pas être obligé de la mettre à chaque fois autour de vos groupes, comme ceci :

{L_WHOSBIRTHDAY_WEEK}
<tr>
<td class="gensmall"><span class="CLASSE">Administrateurs</span><span class="CLASSE">Modérateurs</span><span class="CLASSE">Animation</span><span class="CLASSE">Aideurs</span>
ICI LA CONTINUATION DE VOS GROUPES
</td></tr>
<!-- BEGIN switch_chatbox_activate -->

Et donc, ainsi continuer à mettre tranquillement le reste de vos groupes.

[x_purre]

Bonsoir,

cela ne fonctionne pas.

Cela donne sa:


et je voulais :


Si sa peut vous aider: adowood.forumactif.com

[Lixyr]

Après, il faut modifier vos cadres, dans le css :

modifier la bordure comme ceci :

border:1px solid black

1 : épaisseur de la bordure/cadre
solid : apparance du cadre. Vous, vous voulez du solid
black : couleur du cadre

on peut rajouter des marges entre les cadres :

Code:

margin-right:10px;

vous pouvez modifier la valeur 10 par un espacement extérieur plus grand ou plus petit

on peut rajouter un espacement entre le contenu et le cadre :

Code:

padding:5px;

vous pouvez modifier l'espacement intérieur par un espacement plus grand ou plus petit en modifiant la valeur 5

on peut arrondir le cadre :

Code:

border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;

vous pouvez modifier la valeur 10 pour modifier l'angle d'arrondis, de façon plus ou moins prononcé

on peur rajouter une couleur de fond :

Code:

background-color:blue;

modifiez la couleur blue par la couleur qui vous sied le mieux.


etc. ^^

[x_purre]

Bon j'suis perdu xD

J'abandonne

[Lixyr]

Nan nan nan ! On abandonne pas ! Pas avez moi !
Retirez le


Où en êtes-vous ? ^^ On va régler ça avant que j'aille me coucher.

[x_purre]

Dsl du double poste j'ai réussi! Mais le seul problème, comment je le change vers la droite?
EDIT: woopps Pas de double poste xD

[Lixyr]

Vous voulez dire que vous voulez placer vos groupes à droite dans leur cellules, c'est bien ça ?

[x_purre]

Voila ce que cela ma donner:


Donc comme sur l'image en haut, comment je fait pour les mettre a droite de mon QEEL et ensuite les placer comme sur l'image en haut ?

Merci de votre aide, je ne veut pas vous empêcher d'aller faire dodo

[Lixyr]

Vous voulez donc que vos groupes apparaissent en fait à droite du texte de toutes les statistiques, c'est bien ça ?

Ensuite, et bien pour les mettre comme sur votre schéma, disposé de la même manière, il faut mettre le code sur les marges extérieures : margin, comme donné ci-dessus. ^^

[x_purre]

Quand j'ai coder j'ai fait le css de cette façons:

Code:

.CLASSE{
    text-decoration:none;
    background-color:#80acb2;
    -moz-border-radius:3px;
    padding-left:5px;
    padding-right:5px;
    padding-top:5px;
    padding-bottom:3px;
    color:#d0eaf1;
    font-weight:bold;
      }
.CLASSE:hover{
    background-color:#d0eaf1;
    color:#80acb2;
    outline:none;
    }
.CLASSE img{
    display:none;
    }

Donc je met Margin ou ?

Et pour votre question: Ouaip !

[Lixyr]

Ici, le margin :

.CLASSE{
text-decoration:none;
background-color:#80acb2;
-moz-border-radius:3px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:3px;
color:#d0eaf1;
font-weight:bold;
margin-right:10px;
}

alors, pour que les groupes soient à droite,

rajouter à cette cellule contenant les groupes, l'attribut rowspan, pour qu'elle puisse prendre de façon verticale la place de toutes les lignes contenues dans la grande partie contenant les statistiques.
Comme ceci :

Code:

<td class="gensmall" rowspan="5">

et de déplacer cette cellule juste après la cellule du QEEL contenant les statistiques.C'est à dire placer la cellule des groupes après cette cellule-ci :

<td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
{TOTAL_USERS}<br />
{NEWEST_USER}</span></td>

Et enfin, comme on se retrouve avec trois cellules en tout, globalement, dans le QEEL, on va modifier l'attribut colspan, du titre du QEEL "qui est en ligne", en modifiant le 2 par un 3.

Comme ceci :

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

<td class="catHead" colspan="3" height="28">
<!-- BEGIN switch_viewonline_link -->
<span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>

Hum, si vous avez bien suivi, normalement, ça vous donne quelque chose de ce genre-là dans votre template :

Code:

<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="1" cellspacing="1" cellpadding="0">
   <tr>
      <td class="catHead" colspan="3" 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>

<td class="gensmall" rowspan="5" width="38%"><span class="CLASSE">Administrateurs</span> <span class="CLASSE">Modérateurs</span> <span class="CLASSE">Animation</span> <span class="CLASSE">Aideurs</span> ICI LA CONTINUATION DE VOS GROUPES
</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}
   
   <!-- 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 -->

Je ne dois pas être claire, il est tard. Si vous n'y arrivez pas, alors postez moi votre template, et je vous montrerai.



*edit*
J'ai remis quelques quote pour que vous compreniez mieux. Ce sera plus simple. Désolée.

[x_purre]

Euh ouais je comprend rien

Code:

    <!-- BEGIN disable_viewonline -->
    <table class="forumline" width="100%" border="1" cellspacing="1" cellpadding="0">
      <tr>
          <td class="catHead" colspan="3" 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>

    <td class="gensmall" rowspan="5" width="38%"><span class="CLASSE">Administrateurs</span> <span class="CLASSE">Modérateurs</span> <span class="CLASSE">Animation</span> <span class="CLASSE">Aideurs</span> ICI LA CONTINUATION DE VOS GROUPES
    </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}
     
      <!-- 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 -->

[Lixyr]

^^

Est-ce que ça vous va mieux comme ça :

Code:

    .CLASSE{
        text-decoration:none;
        background-color:#80acb2;
        -moz-border-radius:3px;
        padding-left:5px;
        padding-right:5px;
        padding-top:5px;
        padding-bottom:3px;
        color:#d0eaf1;
        font-weight:bold;
        border:1px solid black;
        margin-right:10px;
          }
    .CLASSE:hover{
        background-color:#d0eaf1;
        color:#80acb2;
        outline:none;
        }
    .CLASSE img{
        display:none;
        }

Code:


        <!-- BEGIN disable_viewonline -->
        <table class="forumline" width="100%" border="1" cellspacing="1" cellpadding="0">
          <tr>
              <td class="catHead" colspan="3" 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="5" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
              <td class="row1" width="55%"><span class="gensmall">{TOTAL_POSTS}<br>

              {TOTAL_USERS}<br>

              {NEWEST_USER}</span></td>

        <td class="gensmall" rowspan="5" width="38%" align="center"><span class="CLASSE">Administrateurs</span> <span class="CLASSE">Modérateurs</span> <span class="CLASSE">Animation</span> <br><br>
<span class="CLASSE">Aideurs</span> <span class="CLASSE">ICI LA CONTINUATION DE VOS GROUPES</span>
        </td>
          </tr>
          <tr>
              <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br>

              {RECORD_USERS}<br>           

              {LOGGED_IN_USER_LIST}</span></td>


          </tr>
          {L_CONNECTED_MEMBERS}
          {L_WHOSBIRTHDAY_TODAY}
          {L_WHOSBIRTHDAY_WEEK}
       
          <!-- 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 -->

j'ai donc mis la cellule contenant les groupes après la première cellule contenant les statistiques :

<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="55%"><span class="gensmall">{TOTAL_POSTS}<br>

{TOTAL_USERS}<br>

{NEWEST_USER}</span></td>

J'ai rajouté des retour à la ligne dans le code, parce que comme j'avais édité mon message, ça avait retiré toutes les balises br.

J'ai donc également rajouté des balises de retour à la ligne, dans les groupes, et j'ai centré le contenu

<td class="gensmall" rowspan="5" width="38%" align="center"><span class="CLASSE">Administrateurs</span> <span class="CLASSE">Modérateurs</span> <span class="CLASSE">Animation</span>

Code:

<br><br>

<span class="CLASSE">Aideurs</span> <span class="CLASSE">ICI LA CONTINUATION DE VOS GROUPES</span>
</td>

[x_purre]

Merci