Code QEEL

[Park Ha Gi]

Voilà, j'aurais aimé qu'on m'aide pour réaliser un QEEL très complet :

Spoiler:

S'il faut plus d'explications dite le moi.
Merci

[Lixyr]

Je peux me mettre dessus. L'image que l'on voit à gauche, vous l'avez ? C'est l'image mise dans

Panneau d'administration >> affichage >> gestion des images >> avancé >> image du QEEL

??

[Park Ha Gi]

Oui, j'ai bien l'image mais je ne l'ai pas mise dans gestion des images mais dans la feuille de style car j'ai déjà modifié mon QEEL ;D

[Lixyr]

Ah d'accord. Ben il me faudra le template index_body alors, que je vois si je peux le prendre pour base. Ainsi que le CSS du coup, ça sera plus pratique.

Vous avez déjà utilisé l'onglet sur votre forum ?

[Park Ha Gi]

Oui, j'ai déjà utilisé l'onglet sur mon forum au niveau du message d'accueil.

Voici mon template :

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">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td width="100%" valign="top" align="center" class="row1"> 
         <label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label> 
         <label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label> 
         {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
         <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 

      </td>
   </tr>
</table>
</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">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
   <tr>
      <td width="100%" valign="top" align="center" class="row1"> 
         <span class="genmed">{L_USERNAME}:</span> 
         <input class="post" type="text" size="10" name="username"/> 
         <span class="genmed">{L_PASSWORD}:</span> 
         <input class="post" type="password" size="10" name="password"/> 
         {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
         <span class="gensmall">{L_AUTO_LOGIN}</span> 
         <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> 
      </td>
   </tr>
</table>
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques">
  <tr>
<td width="15%"></td>
<td width="50%">
<br><br><br><br><br><br><br><br><center>
<span class="groupes"> <a href="http://g-dragon.forumactif.org/groupcp.forum?g=1"><font color="#CC0C42" size="2"><b>ADMINISTRATEURS</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"><a href="http://g-dragon.forumactif.org/groupcp.forum?g=2"><font color="#29AB47" size="2"><b>MODÉRATEURS</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://g-dragon.forumactif.org/groupcp.forum?g=4"><font color="#2B4266" size="2"><b>MEMBRES</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<br><br><span class="groupes"> <a href="http://g-dragon.forumactif.org/groupcp.forum?g=5"><font color="#4E6657" size="2"><b>AZIAN' REPORTER</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"><br><br>
<span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}<br />
{NEWEST_USER}<br><br>
{TOTAL_USERS_ONLINE}<br>
{LOGGED_IN_USER_LIST}</center></span><br>
<td width="5%"></td>
</tr>
</table>
 
<table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify">
{L_CONNECTED_MEMBERS}</table>
<img src="http://i49.tinypic.com/2s0zi0x.png"><br>
<!-- 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}

Et mon CSS :

Code:

/*EFFET POLICE */
.police {
font-family: Arial;
font-size: 18px;
text-transform:lowercase;
color: #748245;
text-shadow: 1px 1px #000000;
};

/*Effet QEEL*/
a:hover{ text-transform:uppercase;}
.statistiques{
border:0px;
background-image: url("http://i79.servimg.com/u/f79/13/19/83/24/qeel110.png");
background-repeat: no-repeat;
background-position: left;
height:300px;}

.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}


/*Plus de soulignement*/
a:hover {
text-decoration: none !important;
}
.name a {text-decoration: none;}
a {text-decoration: none;}



/*EFFET SOUS-FORUM*/
 .vignettes{
-moz-border-radius:7px;
background-color: #ffffff;
padding-right:10px;
padding-left:10px;
padding-bottom: 3px;
padding-top:3px;}

/*EFFET BARRE DE NAVIGATION*/
.navi {
background-color: #; /*FOND*/
border: 0px solid #9D352C;
text-shadow: 0px 0px 0px #000000; /*OMBRAGE*/
padding: 4px; /*ESPACER DES BORDS*/
-moz-border-radius: 5px; /*ARRONDIR LES COINS*/
font-size: 14px;
}

/*EFFET POLICE BARRE DE NAVIGATION*/
 a.mainmenu {
  color: #AF7A7B;
font-size:14px;text-align:center;
text-transform:capitalize;
font-family: calibri;
font-weight: bold;
TEXT-DECORATION: none; text-shadow: 1px 1px 1px #000;
}
a.mainmenu:hover {
  color: #762721;
font-size:14px;text-align:center;
font-family: calibri;
font-weight: bold;
}

/*EFFET PA*/
ul, li{
  list-style: none;
}
.mon_onglet{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  margin-left:3px;
  color: #ffffff;
  background: #421C1C;
  border: 2px solid #;
  border-radius:15px;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  cursor: pointer;
  margin: 2px;
  text-transform:uppercase;}

.mon_onglet:hover{
  background: ;
}     
.mon_onglet_selected{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  margin-left:3px;
  color: #000000;
  border-radius:15px;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  background: #A1B791;
  border: 2px solid #;
  cursor: pointer;
  margin: 2px;
  text-transform:uppercase;}       
.clear{
  clear: both;
}
.mon_contenu{
  color: ;
  background:;
  border: 3px solid #;
  border-radius:8px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  padding: 10px;
}
#mes_contenus, #mes_onglets{
  width: 800px;}
 
/* INFOBULLES */
div.infobulle
{position: relative;
text-decoration: none;
border-bottom: none;
text-align: center;}

div.infobulle span
{display: none;}

div.infobulle:hover
{background: none;
z-index: 999;
cursor: defaut;}
 
div.infobulle:hover span
{display: inline;
position: absolute;
white-space: nowrap;
top: 40px;
left: 40px;
background-image:url(http://obsession27.free.fr/divers/fonds/cur10.gif);
text-decoration: none;
padding: 3px;
border: 2px solid #ffffff;
border-radius:8px;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
border-left: 2px solid #ffffff;
min-width:135px;
text-align: center;}

/*Fond Tableau*/
.box {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-image:url(http://img690.imageshack.us/img690/1259/pattern2o.jpg);
color:#000000;
font-size:11px;
margin:0;
padding:3px 10px;
}

.box2 {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-image:url(http://obsession27.free.fr/divers/fonds/ros6.jpg);
color:#000000;
font-size:11px;
margin:0;
padding:3px 10px;
}

/*Navigation*/
h2 {
text-align: center;
color: #000000;
font-size: 12px;
font-family: century gothic;
text-transform: uppercase;
padding: 1px;
margin : 5px;
}

#subnav A:link, #subnav A:visited, #subnav A:active {

font-family: century gothic;
font-size: 12px;
text-align: center;
padding: 2px;
color: #000000;
background-color: ffffff;
line-height: 10px;
display: block;
border-bottom: 1px solid transparent;}

#subnav A:hover {
color: #FF0000; }


/*STAFF & Part*/
#images {
width: 50px;
height: 100px; 
border: 3px solid #688A60;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
  float: center;
}
#images2 {
width: 20px;
height: 20px; 
border: 2px solid #688A60;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
  float: center;
}

/* INFOBULLES */
div.infobulle2
{position: relative;
text-decoration: none;
border-bottom: none;
text-align: center;}

div.infobulle2 span
{display: none;}

div.infobulle2:hover
{background: none;
z-index: 999;
cursor: defaut;}
 
div.infobulle2:hover span
{display: inline;
position: absolute;
white-space: nowrap;
top: 20px;
left: 20px;
background-image:url(http://obsession27.free.fr/divers/fonds/cur10.gif);
text-decoration: none;
padding: 3px;
border: 2px solid #ffffff;
border-radius:8px;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
border-left: 2px solid #ffffff;
min-width:135px;
text-align: center;}

/*TITRE*/
.title01 {
color: #A1B791;
font-size:17px;text-align:center;
text-transform:capitalize;
font-family: calibri;
font-weight: bold;
TEXT-DECORATION: none; text-shadow: 1px 1px 1px #000000; }

.title02 {
color: #B3706E;
font-size:14px;text-align:center;
text-transform:lowercase;
font-family: Arial;
font-weight: bold;
TEXT-DECORATION: none; text-shadow: 1px 1px 1px #000000; }

.title03 {
color: #D2332E;
font-size:26px;text-align:center;
text-transform:uppercase;
font-family: Arial;
font-weight: bold;
TEXT-DECORATION: none; text-shadow: 1px 1px 1px #000000; }




.navigation{
padding : 5px;
height: 15px;
background-color: #000;
}



[Lixyr]

Merci.

Je vais voir ça, et je vous poste ça quand j'ai fini.
Uper si jamais je tarde. ^^

[Park Ha Gi]

Okay, en tout cas, c'est super gentil, merci beaucoup ;D

[Park Ha Gi]

Hey !! Je voulais juste savoir où tu en étais ;D

[Lixyr]

J'envoie ça ce soir ! @_@
Quand tu veux que la description des groupes s'affiche, c'est sous info bulle ou onglet ?

[Park Ha Gi]

Okay, merci beaucoup
Je préfèrerais sous onglet, si possible =)

[Lixyr]

Bon alors un aperçu de ce que tu veux, en suivant ce tuto-ci (désolée mais j'ai la flemme de réexpliquer)

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="facebook_login()" 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="facebook_login()" 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 -->
    <center>


    <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"><center><IMG src="IMAGE DE "QUI EST EN LIGNE ?" "></center></a></span>
          <!-- END switch_viewonline_link -->
       
          <!-- BEGIN switch_viewonline_nolink -->
          <span class="cattitle"><center><IMG src="IMAGE DE "QUI EST EN LIGNE ?" "></center></span>
          <!-- END switch_viewonline_nolink -->
          </td>
      </tr>

      <tr>
          <td class="row1" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="<center><IMG src="IMAGE DU "QUI EST EN LIGNE ?" "></center></td>

          <td class="row1" align="center" valign="middle">



 <script src="http://www.archive-host.com/files/597546/96de005e35ffd2b9823d2b1d229d90d18341a601/onglets_2.js"></script><div id="mes_onglets">
        <ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">En ligne</li>
            <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Groupes</li>
            <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Informations</li>
            <div class="clear"><div id="mes_contenus">

        <div id="co_1" class="mon_contenu">
    <table style="text-align:center;margin-left:auto;margin-right:auto;" width="300" height="150"><tr><td><span class="gensmall">   {L_CONNECTED_MEMBERS}</span></td></tr></table></div>
   

    <div id="co_2" class="mon_contenu" style="display: none;"><table width="300" height="150"><tr><td><span class="gensmall">

GROUPE 1 - GROUPE 2 - GROUPE 3 - GROUPE 4 </span></td></tr></table></div>

    <div id="co_3" class="mon_contenu" style="display: none;"><table width="300" height="150"><tr><td>
<span class="gensmall">{TOTAL_POSTS}

      {TOTAL_USERS}

      {NEWEST_USER}</span></td></tr></table></div>

          </div></div></ul></div>

</td>
</tr>
<td colspan="2">
      <!-- BEGIN switch_chatbox_activate -->

                <!-- 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>
    </center>
      <!-- END switch_chatbox_activate -->
    </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 -->

Ce n'est qu'une petite ébauche pour pouvoir fignoler par rapport à ton image du qeel etc.
On peaufine après.

[Park Ha Gi]

Oups, j'avais pas vu la réponse --"
Merci, je vais jeter un coup d'oeil

[Lixyr]

Tenez moi au courant. ^^

[Anzu]

Bonjour,

Pourrions nous avoir des nouvelles ?

Cordialement.

[Park Ha Gi]

Bonjour,
Je n'ai absolument pas eu le temps de regarder, j'espère pouvoir le faire dans la semaine à venir.

[Lixyr]

Et depuis ?

[Anzu]

Bonsoir,

Cela fait 25 jours à présent .. vous avez surement eu le temps non ?

Cordialement.

[Park Ha Gi]

Je suis vraiment désolée, j'ai eu une coupure d'internet et j'ai également eu un exam donc pas vraiment le temps de passer sur l'ordi. Mais je suis dessus.