Hey !

Je prends ! Je commence tout de suite, mais je bosse cette aprem donc ce ne sera probablement pas fini avant ce soir =$

Parfait :)
prend tout ton temps

Merci ^^

J'ai débuté, par contre ton forum est en maintenance, du coup difficile de voir l'effet dont tu parles =$

hahah oups xD
je vais l'enlever de ce pas tu va pouvoir voir

Pardon pardon, j'ai oublié de poster mon absence TT
Voici le résultat : www. Il y a un effet d'ombre comme pour tes catégories, j'ai choisie la police un peu au hasard, il y a un overflow sur la description des groupes et les stat'. Pour la largeur je pense que ça dépasse un peu ce que tu avais prévu, le texte est assez long =$

Hellow :)
C'est tout simplement magnifique merci beaucoup !!!
Pour l'absence ce n'est pas grave j'ai pas été très présente non plus

Oups, j'avais la tête ailleurs, j'ai oublié que les onglets devaient changer au survol de la souris è.é C'est modifié, et voila le code :

CSS

Code:

/* --------------------------------- QEEL --------------------------------- */

/* Fond du QEEL */
.fond_qeel {
  padding: 10px;
  background-image: url('http://i39.servimg.com/u/f39/18/89/99/63/sans_t49.jpg');
  background-color: #000000;
  background: no-repeat;
  box-shadow: 2px 2px 10px #4B1401;
  -moz-box-shadow: 2px 2px 10px #4B1401;
  -webkit-box-shadow: 2px 2px 10px #4B1401;
}

/* Titre du QEEL */
.titre_qeel {
  font-family: 'Dancing Script', cursive;
  font-size: 40px;
  text-align: center;
  position: relative;
  top: -1.3em;
  color: #2A0202;
}

/* Transparence des 24h dernières heures et anniversaires */
#kaboum .row1 {
  background-color: transparent;
}

/* Système d'onglets */
.paonglet {
  display: inline-block;
  cursor: pointer;
}
           
.contenu_paonglet {
  padding: 25px;
  display: none;
  width: 150px;
  height: 150px;
  overflow: auto;
  background-color: #530600;
  border-left: 2px solid #2A0202;
  border-right: 2px solid #2A0202;
  color: #9B1E00;
  text-align: justify;
  font-size: 11px;
}

.contenu_paonglet a{
  text-decoration: none !important;
}

/* --------------------------------- FIN QEEL --------------------------------- */

Dans le template Index_Body, tu remplaces ceci :

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}<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} :&nbsp; {CHATTERS_LIST}<br />
            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
            </script>
            <!-- END switch_chatbox_popup -->
         </span>
      </td>
   </tr>
   <!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->

Par ceci :

Code:

<!-- BEGIN disable_viewonline -->
<div class="fond_qeel"><div class="titre_qeel">Qui est en ligne ?</div>

<table style="position: relative; top: -1.5em;">
  <tr>
    <td><script type="text/javascript">
            //<!--
                    function change_paonglet(name)
                    {
                            document.getElementById('paonglet_'+anc_paonglet).className = 'paonglet_0 paonglet';
                            document.getElementById('paonglet_'+name).className = 'paonglet_1 paonglet';
                            document.getElementById('contenu_paonglet_'+anc_paonglet).style.display = 'none';
                            document.getElementById('contenu_paonglet_'+name).style.display = 'block';
                            anc_paonglet = name;
                    }
            //-->
            </script>
   <div class="paonglets" style="width: 230px;">
          <span class="paonglet_0 paonglet" id="paonglet_un" onmouseover="javascript:change_paonglet('un');"><img src="http://i39.servimg.com/u/f39/16/61/97/52/1510.png" /></span> <span class="paonglet_0 paonglet" id="paonglet_deux" onmouseover="javascript:change_paonglet('deux');"><img src="http://i39.servimg.com/u/f39/16/61/97/52/1510.png" /></span> <span class="paonglet_0 paonglet" id="paonglet_trois" onmouseover="javascript:change_paonglet('trois');"><img src="http://i39.servimg.com/u/f39/16/61/97/52/1510.png" /></span>
          <span class="paonglet_0 paonglet" id="paonglet_quatre" onmouseover="javascript:change_paonglet('quatre');"><img src="http://i39.servimg.com/u/f39/16/61/97/52/1510.png" /></span> <span class="paonglet_0 paonglet" id="paonglet_cinq" onmouseover="javascript:change_paonglet('cinq');"><img src="http://i39.servimg.com/u/f39/16/61/97/52/1510.png" /></span> <span class="paonglet_0 paonglet" id="paonglet_six" onmouseover="javascript:change_paonglet('six');"><img src="http://i39.servimg.com/u/f39/16/61/97/52/1510.png" /></span>
          <span class="paonglet_0 paonglet" id="paonglet_sept" onmouseover="javascript:change_paonglet('sept');"><img src="http://i39.servimg.com/u/f39/16/61/97/52/1510.png" /></span> <span class="paonglet_0 paonglet" id="paonglet_huit" onmouseover="javascript:change_paonglet('huit');"><img src="http://i39.servimg.com/u/f39/16/61/97/52/1510.png" /></span>
   </div></td>
    <td width="20px;"></td>
    <td><div class="contenu_paonglets">
      
      <div class="contenu_paonglet" id="contenu_paonglet_un">Premier groupe
                </div>
<div class="contenu_paonglet" id="contenu_paonglet_deux">Second groupe
      </div>   
<div class="contenu_paonglet" id="contenu_paonglet_trois">Troisième groupe
      </div>
<div class="contenu_paonglet" id="contenu_paonglet_quatre">Quatrième groupe
      </div>
<div class="contenu_paonglet" id="contenu_paonglet_cinq">Cinquième groupe
      </div>
<div class="contenu_paonglet" id="contenu_paonglet_six">Sixième groupe
      </div>
<div class="contenu_paonglet" id="contenu_paonglet_sept">Septième groupe
      </div>
<div class="contenu_paonglet" id="contenu_paonglet_huit">Huitième groupe
      </div>

      
   </div>
    <script type="text/javascript">
            //<!--
                    var anc_paonglet = 'un';
                    change_paonglet(anc_paonglet);
            //-->
            </script></td>
    <td width="20px;"></td>
    <td style="font-size: 11px; color: #9B1E00; text-align: justify; width: 220px; height: 250px; overflow: auto;">
      <div class="titre_qeel" style="top: 0em; font-size: 22px; color: #9B1E00;">Statistiques & Membres</div>
        {TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}<br />
    {TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}<br />
      <table id="kaboum">{L_CONNECTED_MEMBERS}
   {L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}</table></td>
  </tr>
</table>
   

</div>
<link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
<!-- END disable_viewonline -->

Tout simplement magnifique merci beaucoup :)

Avec plaisir ! =D
Penses à éditer ton premier message pour ajouter l'icône "terminé"

Bonne continuation !