Qeel modifié

[nyly*]

Bonjour ^^

Alors voilà, étant pas une experte en Qeel, j'en ai déjà fait un mais ce n'est pas très élaboré, et je voudrais vraiment savoir faire un superbe Qeel comme Ici.
J'aime beaucoup le fait qu'il y ait deux tableaux avec un texte élaboré, et de jolies bordures comme cela.
Par contre la largeur de mon forum est plus petite, elle ne fait que 800px. Je vous ai fait un image de ce que je voudrais faire avec le détail ^^

Spoiler:

1 - Une image du "Qui est en lligne que je ferai moi ^^
2 - Texte du nombre de membres et tout...
3 - Membres connectés au cours des 24h, si possible avec barre de défilement.
4 - Membres actuellement connectés, avec aussi barre de défilement.
5 - Barre de défilement ^^
6 - je voudrais un cadre onglet assez spécial, comme sur la PA du forum donné plus haut, pour le staff, le cadre de l'infobulle ne bouge pas, seul le texte change. Je voudrais que ce cadre soit l'infobulle des groupes. Si vous ne comprenez pas, je vous ré-expliquerai ^^
7 - Noms des groupes.


Le problème, c'est que je connais les bases comme les Lconnected et tout mais le reste, je ne sais pas trop si quand je bouge un truc je bouge bien tout ou si j'en oublie.

Je m'en réfère donc à vous, si quelqu'un peut m'aider.

Merci beaucoup ^^

[SoraNoHime]

Bonjour

il me faudrait :

la police prévue pour les groupes, la taille de cette police, les liens et leurs noms, leurs couleurs si vous désirez qu'il la garde.

votre index_body puisse qu'il est déjà modifié

votre css.

Cordialement.

[nyly*]

Oh merci ^^

Alors la police prévue pour l'instant je ne l'ai pas, donc normale je pense, je pourrai la changer une fois mon nouveau thème pret ^^
La taille, étant donné que je voudrais que les 8 groupes rentrent sur une ligne, je voudrais qu'elle soit assez grande mais pas trop donc je m'en remet à vous ^^

Alors les groupes sont :
- Day Class = #527F76
- Night Class = #2F4F4F
- Sang-Purs = #94537E
- Humains = #D6D69C
- Vampires = #C9C904
- Hunters = #E3E37D
- Personnel = #BA4700
- Professeurs = #E37632

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">
   <!-- 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 --><center><div style="background-image:url('http://i29.servimg.com/u/f29/15/49/49/31/sans_t10.png'); -moz-box-shadow: 0px 0px 5px #ccd1d5;">
<table border="0" cellpadding="1" cellspacing="1" width="100%" class="statistiques" height="250">
<tbody><tr>
<td width="55%"><div style="text-align: justify; margin-left: 30px; border-right: dotted 5px #ccd1d5; padding-right: 20px;"><br><br><br><br><br><br><br><span class="gensmall"><span id="kumao">{TOTAL_POSTS}</span>. <script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/membre/,"académicien");</script><span id="kumao">{TOTAL_USERS}</span>. <script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/membre/,"académiciens");</script><span id="yosh"><font-family: serif bold sc;>{NEWEST_USER}</font></span>. <script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur/,"L'académicien");</script><br><br>


<span class="gensmall"><span id="delf">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne/,"personne qui traine incognito autour de l'académie et en ville.");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateurs en ligne/,"personnes qui trainent autour de l'académie et en ville.");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistré/,"académicien qui se balade entre les murs de la Cross Académie et qui cherche des amis.");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistrés/,"académiciens qui se baladent entre les murs de la Cross Académie et qui cherchent des amis.");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisible et/,"petit coquain qui ne veut pas se montrer");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisibles et /,"petits coquains qui ne veulent pas se montrer");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invité/,"petit chouchou qui se demande s'il va nous rejoindre sur AC RPG.");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invités/,"petits chouchous qui se demandent s'ils vont nous rejoindre sur AC RPG.");</script></span>
</center><br><br>{LOGGED_IN_USER_LIST}<br><br></div>
</td><td><center><span class="groupes"><a><font color="#527F76" size="2"><b> ♣ Day Class ♣</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"><span class="groupes"><a><font color="#2F4F4F" size="2"><b> ♣ Night Class ♣</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"><br>
<span class="groupes"> <a><font color="#94537E" size="2"><b> ♣ Sang Pur ♣</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"><span class="groupes"> <a><font color="#BA4700" size="2"><b> ♣ Personnel ♣</b></font></a> </span><br>
<span class="groupes"> <a><font color="#E37632" size="2"><b> ♣ Professeurs ♣</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"><span class="groupes"><a><font color="#C9C904" size="2"><b> ♣ Vampires ♣</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg"><br>
<span class="groupes"> <a><font color="#E3E37D" size="2"><b> ♣ Hunters ♣</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"><span class="groupes"> <a><font color="#D6D69C" size="2"><b> ♣ Humains ♣</b></font></a> </span><br>
</center><br><br><span><div id=\"last24h\">
<table>{L_CONNECTED_MEMBERS}</table></div></span></td>
</tr>
</tbody></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 -->

Et mon CSS:

Code:

body {
margin : 0px;


  { font-family:
 "Georgia";
      "Bookman Old Style";
        "Bookman";
      "New Century Schoolbook";
      "Bookman Antiqua";
        "Palatino";
      "Utopia";
      "New York";
      "Times New Roman";
"Times";
"serif";
"Garamond";
 
      }

}

.bodyline {
-moz-border-radius:10px;
border: 5px solid #eda98b;

}


a:link {color: #EB500B ;}
a:visited {color: #6F86B1;}
a:hover { font-weight:bold ; font-size: 11px; color: #6F86B1 ; letter-spacing: 1px; text-shadow: white 1px 1px 1px ; }


.navigation{
width: 110%;
color: #6F86B1;
font-size: 14px;
background-image: url('http://i29.servimg.com/u/f29/15/49/49/31/fond_c11.png');
  border-top: 3px solid #6F86B1;
border-bottom: 3px outset #6F86B1;
text-shadow: black 1px ;

}


/******encadrements des liens********/


.fondtitre{
display:inline;
  background-color: none;
  letter-spacing: 2px;
  width: auto;
  height: auto;
  -moz-border-radius: 8px;
  border: 1px solid  #6F86B1;
  font-family: Georgia;
  font-size: 12px;}


/*Barre de Navig*/

.mainmenu{
    font-size : 12px;
    color : #5f4037;
        }

a.mainmenu{
    text-decoration: none;
    color : #6F86B1;
                border-bottom: 1px solid #6F86B1;
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

a.mainmenu:hover{
    text-decoration:none; color : #6F86B1;     
 border-bottom: 1px solid #6F86B1;
 color : #6F86B1;
filter:alpha(opacity=100);
-moz-opacity:0.5;opacity: 1;
  }



.code {
background-color: #ffffff;
border:1px #ba8382 dashed;
-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
color: black;
}


.quote {
background-color: #ffffff; /* couleur blanche du fond */
border:1px #ba8382 dashed; /* bordure grise en traits peu épais */
-border-radius: 15px; /* tous les côtés sont arrondis */
-moz-border-radius: 15px; /* tous les côtés sont arrondis */
-webkit-border-radius: 15px; /* tous les côtés sont arrondis */
color: black; /* couleur du texte */
}



.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}


/**************/

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border: 5px solid #6F86B1;
background-color: #6F86B1;
}


.contour nom {
background-color: Silver;
border: 2px solid #F3F3F0;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
text-shadow: #BA8283 1px 1px 1px;
font-family: serif bold sc;
letter-spacing: -1px;
}

/*fond*/

.postbody {
background-repeat: repeat;
background-image: url('http://i29.servimg.com/u/f29/15/49/49/31/fond_c13.png');
background-position: center;
}

td.row1 {
background-repeat: repeat;
background-image: url('http://i29.servimg.com/u/f29/15/49/49/31/fond_c13.png');
background-position: center;
}
td.row2 {
background-repeat: repeat;
background-image: url('http://i29.servimg.com/u/f29/15/49/49/31/fond_c13.png');
background-position: center;
}
td.row3 {
background-repeat: repeat;
background-image: url('http://i29.servimg.com/u/f29/15/49/49/31/fond_c13.png');
background-position: center;
}

td.row3Right {
background:url('http://i29.servimg.com/u/f29/15/49/49/31/fond_c13.png');
border-style: none;
}

td.row3{
background-image: url("http://i29.servimg.com/u/f29/15/49/49/31/fond_c13.png");
}

/**************/


.groupes{
background-color:#CFCFD1;border: 1px #BF3759  dotted;
-moz-border-radius : 5px 5px 5px 5px;
width: 120px;height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
font-family: serif bold sc;
text-shadow: black 1px 1px 2px;
text-decoration: none !important;}



/**************/


ul, li{padding:1px;
margin:1px;
  list-style: none;
}
.mon_onglet{
  float: left;
  padding-left: 5px;
  color: #7A7878;
font-size: 14px;
background-image: url('http://i29.servimg.com/u/f29/15/49/49/31/fond_c13.png');
  border: 1px dotted #EB4E0A;
text-shadow: black 1px 1px 1px;
-moz-border-radius : 10px 10px 0px 0px;
  cursor: pointer;
}
.mon_onglet:hover{
  background: #D6D6D6;
}   
.mon_onglet_selected{
  float: left;
  color: #EB4E0A;
background: #ffffff;
font-size: 14px;
  border-top: 2px dotted #6F86B0;
  border-right: 2px dotted #6F86B0;
  border-left: 2px dotted #EB4E0A;
 border-bottom: 2px dotted #EB4E0A;
text-shadow: black 1px 1px 1px;
-moz-border-radius : 10px 10px 0px 0px;
text-transform: capitalize;
letter-spacing: 2px;
  cursor: pointer;
 }     
.clear{
  clear: both;
}
.mon_contenu{
  color: #000;
  border: 3px double #EB4E0A;
background-image: url('http://i29.servimg.com/u/f29/15/49/49/31/fond_c13.png');
    padding: 0px;
  width: 700px;
height: 260px;
  }
#mes_contenus, #mes_onglets{
  width: 100%;
  text-align: left;
  }


/**************/

/*INFOBULLE*/
a.imginfo {
  position: relative;
  color: Dimgray;
  text-shadow: white 1px 1px 2px;
  border-bottom: 3px #EB4E0A dotted; /* on souligne le texte */
}

a.imginfo span {
  display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
  background: dimgray; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  cursor: help; /* on change le curseur par défaut en curseur d'aide */}

a.imginfo:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
  top: auto; /* on positionne notre infobulle */
  left: auto;
  background: silver;
  color: #6F86B0;
  padding: 10px;
  border: 0px solid grey;
  border-left: 5px solid #EB4E0A;
  border-right: 5px solid #EB4E0A;
  border-top: 5px solid #EB4E0A;
  border-bottom: 5px solid #EB4E0A;
text-shadow: white 1px 1px 3px;
-moz-border-radius-bottomleft:11px;
-moz-border-radius-bottomright:11px;
-moz-border-radius-topleft:11px;
-moz-border-radius-topright:11px;
}

textarea, .textarea.post, input.post {
-moz-border-radius:10px;
}

/**************/


/**************/


.sujets_messages
{margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */

/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
border: 1px solid #E8E2DE;
background-color: #E8E2DE;}


.derniers_sujets
{margin-top: 3px; /* pour faire un léger espace entre la ligne des "messages & sujets" et "dernier message posté", sinon ça se colle et c'est laid xD; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */

/* après on peut rajouter ce qu'on veut : une bordure, une image de fond, un arrondi juste sur deux côtés ... */
background-color: #F3F3F0;
border: 1px dashed #BA8283;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
height: auto;
font-size: 10px;}


/******Ascenseur********/


.kawaii
{
position: fixed;
bottom : 0px ;
margin-left : 90%;
}


/******Maj aux membres********/

a {font-variant: small-caps;
font-size: 10px;
font-family: Arial Black;}





/******SURLIGNEMENT********/

    *::-moz-selection {
        background-color:#6F86B1;
color:white;
    }

/******derniere colone caté********/
.cadre1 {
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px dashed #AAAAAA;
font-size: 10px
}


/****** caté********/
a.forumlink {
width: 100%;
line-height: 8px;
background-color: #eda98b;
letter-spacing:-1px;
font-family: Times new roman;
font-size: 16px;
margin-top: 5px;
text-align: center;
 display: block;
}

/******feuille perso********/
.input, textarea, select {
background-color: silver;
color: black;
text-shadow: 1px 1px 1px white;
font-family: courrier new;
letter-spacing:-1px;
}




.profilentour {
text-align: center;
padding: 8px;
background-color: #eda98b;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
display:block;
border-right: 5px solid blake;
border-left: 5px solid blake;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px:;
padding: 2px;
}

.profilentinfos {
text-align: left;
padding: 8px;
background-color: #eda98b;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
display:block;
border-right: 5px solid blake;
border-left: 5px solid blake;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px:;
padding: 2px;



}


.profiledetails {
font-family: GEORGIA;
text-align: center;
padding: 8px;
background-color: #eda98b;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
text-align: center;
}


.profil1{
font-family: GEORGIA;
background-color: #eda98b;
-moz-border-radius:15px 15px 15px 15px;
  font-family: Trebuchet MS;
          font-size: 11px;
div style=" width: 30px;
span style="font-size: 18px;
 font-style: font-weight: font: arial black;
 color: #EB500B;
 text-shadow: 1px 1px 1px black

 
width: 130px; height:30px;
-moz-border-radius : 10px 10px 10px 10px;
border: 2px solid #FFFFFF;
padding-right: 10px; padding-left: 10px;"
text-align: center;
}

Je vous remercie de vous occuper de moi ^^

[SoraNoHime]

e vous en prie, cela peut me prendre un peu de temps par contre, n'hésitez pas à upper votre sujet une fois toutes les 24h en cas de besoin.

Cordialement.

[nyly*]

Pas de soucis, pendant ce temps moi je travaille sur ce que je suis capable de changer ^^
Merci beaucoup à vous ^^

[SoraNoHime]

Voici votre index_box.

Code:

<!-- BEGIN disable_viewonline -->
<table cellspacing="10" width="100%">
   <tr>
      <td colspan="2" align="center">
         <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" />
      </td>
   </tr>
   <tr>
      <td width="40%" class="stats1" valign="top">
         <span class="gensmall">
         {TOTAL_POSTS}<br />
         {TOTAL_USERS}<br />
         {NEWEST_USER}<br />
         {TOTAL_USERS_ONLINE}<br />
         {RECORD_USERS}<br />
         {LOGGED_IN_USER_LIST}
         <table>{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</table>
         <!-- BEGIN switch_chatbox_activate -->
         {TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}
         <!-- BEGIN switch_chatbox_popup -->
         <span id="chatbox_popup"></span>
         <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 -->
         <!-- END switch_chatbox_activate -->
         </span>
         <div class="connect24">
         <table width="100%" valign="top">{L_CONNECTED_MEMBERS}
         </table>
         </div>
      </td>
      <td width="60%" valign="top" class="stats2">
         <div class="connectnow">
         <span class="gensmall">{LOGGED_IN_USER_LIST}</span>
         </div>
         <table width="100%" class="groupdes" valign="top">
            <tr>
               <td>
                  <DIV id=descripgroupes>
                  <DIV style="DISPLAY: none" id=co_1 class=descripgroupe>
                  description groupe Day Class
                  </DIV>
                  <DIV style="DISPLAY: none" id=co_2 class=descripgroupe>
                  description groupe Night Class
                  </DIV>
                  <DIV style="DISPLAY: none" id=co_3 class=descripgroupe>
                  description groupe Sang-Purs
                  </DIV>
                  <DIV style="DISPLAY: none" id=co_4 class=descripgroupe>
                  description groupe Humains
                  </DIV>
                  <DIV style="DISPLAY: none" id=co_5 class=descripgroupe>
                  description groupe Vampires
                  </DIV>
                  <DIV style="DISPLAY: none" id=co_6 class=descripgroupe>
                  description groupe Hunters
                  </DIV>
                  <DIV style="DISPLAY: none" id=co_7 class=descripgroupe>
                  description groupe Personnel
                  </DIV>
                  <DIV style="DISPLAY: none" id=co_8 class=descripgroupe>
                  description groupe Professeurs
                  </DIV>
</div>
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <tr>
      <td colspan="2" class="groupe" valign="top">
<SCRIPT type=text/javascript>
function changeOnglet(_this){
  var getOnglets = document.getElementById('mesgroupes').getElementsByTagName('li');
  for(var i = 0; i < getOnglets.length; i++){
      if(getOnglets[i].id){
        if(getOnglets[i].id == _this.id){
            getOnglets[i].className = 'mongroupe_selected';
            document.getElementById('c' + _this.id).style.display = 'block';
        }
        else{
            getOnglets[i].className = 'mongroupe';
            document.getElementById('c' + getOnglets[i].id).style.display = 'none';
        }
      }
  }
}
</SCRIPT>
               <center><DIV id=group>
                  <DIV id=mesgroupes>
                  <UL>
                      <table width="100%" cellspacing="5"><tr>
               <td><LI id=o_1 class=mongroupe onmouseover=changeOnglet(this);><font color="#527F76">Day Class</font></LI></td>
                    <td><LI id=o_2 class=mongroupe onmouseover=changeOnglet(this);><font color="#2F4F4F">Night Class</font></LI></td>
                    <td><LI id=o_3 class=mongroupe onmouseover=changeOnglet(this);><font color="#94537E">Sang-Purs</font></LI></td>
                    <td><LI id=o_4 class=mongroupe onmouseover=changeOnglet(this);><font color="#D6D69C">Humains</font></LI></td>
                    <td><LI id=o_5 class=mongroupe onmouseover=changeOnglet(this);><font color="#C9C904">Vampires</font></LI></td>
                    <td><LI id=o_6 class=mongroupe onmouseover=changeOnglet(this);><font color="#E3E37D">Hunters</font></LI></td>
                    <td><LI id=o_5 class=mongroupe onmouseover=changeOnglet(this);><font color="#BA4700">Personnel</font></LI></td>
                    <td><LI id=o_6 class=mongroupe onmouseover=changeOnglet(this);><font color="#E37632">Professeurs</font></LI></td>
                      </tr></table>
             </UL>
             </DIV>
             </div></center>
      </td>
   </tr>
</table>
<!-- END disable_viewonline -->

Je vous laisse compléter les parties adéquates : description des groupes par exemple.

et ajoutez ceci dans votre css, selon ce que vous désirez personnaliser.

Code:


/*partie des connectés*/
.connectnow {
WIDTH: 100%;
HEIGHT: 75px;
OVERFLOW: auto;
}

/*partie des connectés depuis 24h*/
.connect24 {
WIDTH: 100%;
HEIGHT: 75px;
OVERFLOW: auto;
}

/*partie des stats*/
.stats1 {
border : 1px solid #ff0000;
}

/*cadre avec connectés*/
.stats2 {
border : 1px solid #ff0000;
}
/*partie description de groupes*/
.groupdes {
border : 1px solid #ff0000;
}
/*partie des groupes*/
.groupe {

border : 1px solid #ff0000;
}

Cordialement.

[nyly*]

Merci beaucoup ^^

Le tableau me va très bien en lui même mais quand je l'ai essayé sur mon forum test, cela m'a supprimé toutes mes catégories et je ne vois que le qeel sous ma bannière :/

Comment je pourrais faire?

[SoraNoHime]

C'est normal, je ne vous ai donné que la partie concernant le qeel,

Le voici en entier

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 cellspacing="10" width="100%">
   <tr>
      <td colspan="2" align="center">
         <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" />
      </td>
   </tr>
   <tr>
      <td width="40%" class="stats1" valign="top">
         <span class="gensmall">
         <span id="kumao">{TOTAL_POSTS}</span>. <script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/membre/,"académicien");</script>
         <span id="kumio">{TOTAL_USERS}</span>. <script type="text/javascript">document.getElementById('kumio').innerHTML=document.getElementById('kumio').innerHTML.replace(/membre/,"académiciens");</script>
         <span id="yosh" style="font-family: serif bold sc;">{NEWEST_USER}</font></span>. <script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur/,"L'académicien");</script>
         <br><br>
             <span id="delf">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne/,"personne qui traine incognito autour de l'académie et en ville.").replace(/utilisateurs en ligne/,"personnes qui trainent autour de l'académie et en ville.").replace(/Enregistré(s?)/,"académicien$1 se baladant entre les murs de la Cross Académie et cherchant des amis.").replace(/Invisible(s?) et/,"petit$1 coquin$1 ne voulant pas se montrer,").replace(/Invité(s?)/,"petit$1 chouchou$1 se demandant comment nous rejoindre sur AC RPG.");</script>
<br />
         {RECORD_USERS}<br />
         {LOGGED_IN_USER_LIST}
         <table>{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</table>
         <!-- BEGIN switch_chatbox_activate -->
         {TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}
         <!-- BEGIN switch_chatbox_popup -->
         <span id="chatbox_popup"></span>
         <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 -->
         <!-- END switch_chatbox_activate -->
         </span>
         <div class="connect24">
         <table width="100%" valign="top">{L_CONNECTED_MEMBERS}
         </table>
         </div>
      </td>
      <td width="60%" valign="top" class="stats2">
         <div class="connectnow">
         <span class="gensmall">{LOGGED_IN_USER_LIST}</span>
         </div>
         <table width="100%" class="groupdes" valign="top">
            <tr>
               <td>
                  <DIV id=descripgroupes>
                  <DIV style="DISPLAY: none" id=co_1 class=descripgroupe>
                  description groupe Day Class
                  </DIV>
                  <DIV style="DISPLAY: none" id=co_2 class=descripgroupe>
                  description groupe Night Class
                  </DIV>
                  <DIV style="DISPLAY: none" id=co_3 class=descripgroupe>
                  description groupe Sang-Purs
                  </DIV>
                  <DIV style="DISPLAY: none" id=co_4 class=descripgroupe>
                  description groupe Humains
                  </DIV>
                  <DIV style="DISPLAY: none" id=co_5 class=descripgroupe>
                  description groupe Vampires
                  </DIV>
                  <DIV style="DISPLAY: none" id=co_6 class=descripgroupe>
                  description groupe Hunters
                  </DIV>
                  <DIV style="DISPLAY: none" id=co_7 class=descripgroupe>
                  description groupe Personnel
                  </DIV>
                  <DIV style="DISPLAY: none" id=co_8 class=descripgroupe>
                  description groupe Professeurs
                  </DIV>
</div>
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <tr>
      <td colspan="2" class="groupe" valign="top">
<SCRIPT type=text/javascript>
function changeOnglet(_this){
  var getOnglets = document.getElementById('mesgroupes').getElementsByTagName('li');
  for(var i = 0; i < getOnglets.length; i++){
      if(getOnglets[i].id){
        if(getOnglets[i].id == _this.id){
            getOnglets[i].className = 'mongroupe_selected';
            document.getElementById('c' + _this.id).style.display = 'block';
        }
        else{
            getOnglets[i].className = 'mongroupe';
            document.getElementById('c' + getOnglets[i].id).style.display = 'none';
        }
      }
  }
}
</SCRIPT>
               <center><DIV id=group>
                  <DIV id=mesgroupes>
                  <UL>
                      <table width="100%" cellspacing="5"><tr>
               <td><LI id=o_1 class=mongroupe onmouseover=changeOnglet(this);><font color="#527F76"> ♣ Day Class ♣ </font></LI></td>
                    <td><LI id=o_2 class=mongroupe onmouseover=changeOnglet(this);><font color="#2F4F4F"> ♣ Night Class ♣ </font></LI></td>
                    <td><LI id=o_3 class=mongroupe onmouseover=changeOnglet(this);><font color="#94537E"> ♣ Sang-Purs ♣ </font></LI></td>
                    <td><LI id=o_4 class=mongroupe onmouseover=changeOnglet(this);><font color="#D6D69C"> ♣ Humains ♣ </font></LI></td>
                    <td><LI id=o_5 class=mongroupe onmouseover=changeOnglet(this);><font color="#C9C904"> ♣ Vampires ♣ </font></LI></td>
                    <td><LI id=o_6 class=mongroupe onmouseover=changeOnglet(this);><font color="#E3E37D"> ♣ Hunters ♣ </font></LI></td>
                    <td><LI id=o_5 class=mongroupe onmouseover=changeOnglet(this);><font color="#BA4700"> ♣ Personnel ♣ </font></LI></td>
                    <td><LI id=o_6 class=mongroupe onmouseover=changeOnglet(this);><font color="#E37632"> ♣ Professeurs ♣ </font></LI></td>
                      </tr></table>
             </UL>
             </DIV>
             </div></center>
      </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.

[nyly*]

ça me pose encore quelques soucis.
Lorsque que je passe la souris sur certains groupes, rien ne s'affiche dans la description à l'inverse des autres et la page remonte.
Cela me le fait surtout avec le groupe personnel.

De plus, je souhaiterai mettre une image au dessus du qeel, comment pourrais-je faire???

[SoraNoHime]

J'ai effectivement fait une erreur avec les deux derniers groupes.

Revoici votre 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">
      <!-- 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 cellspacing="10" width="100%">
      <tr>
          <td colspan="2" align="center">
            <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" />
          </td>
      </tr>
      <tr>
          <td width="40%" class="stats1" valign="top">
            <span class="gensmall">
            <span id="kumao">{TOTAL_POSTS}</span>. <script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/membre/,"académicien");</script>
            <span id="kumio">{TOTAL_USERS}</span>. <script type="text/javascript">document.getElementById('kumio').innerHTML=document.getElementById('kumio').innerHTML.replace(/membre/,"académiciens");</script>
            <span id="yosh" style="font-family: serif bold sc;">{NEWEST_USER}</font></span>. <script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur/,"L'académicien");</script>
            <br><br>
                <span id="delf">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne/,"personne qui traine incognito autour de l'académie et en ville.").replace(/utilisateurs en ligne/,"personnes qui trainent autour de l'académie et en ville.").replace(/Enregistré(s?)/,"académicien$1 se baladant entre les murs de la Cross Académie et cherchant des amis.").replace(/Invisible(s?) et/,"petit$1 coquin$1 ne voulant pas se montrer,").replace(/Invité(s?)/,"petit$1 chouchou$1 se demandant comment nous rejoindre sur AC RPG.");</script>
    <br />
            {RECORD_USERS}<br />
            {LOGGED_IN_USER_LIST}
            <table>{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</table>
            <!-- BEGIN switch_chatbox_activate -->
            {TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}
            <!-- BEGIN switch_chatbox_popup -->
            <span id="chatbox_popup"></span>
            <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 -->
            <!-- END switch_chatbox_activate -->
            </span>
            <div class="connect24">
            <table width="100%" valign="top">{L_CONNECTED_MEMBERS}
            </table>
            </div>
          </td>
          <td width="60%" valign="top" class="stats2">
            <div class="connectnow">
            <span class="gensmall">{LOGGED_IN_USER_LIST}</span>
            </div>
            <table width="100%" class="groupdes" valign="top">
                <tr>
                  <td>
                      <DIV id=descripgroupes>
                      <DIV style="DISPLAY: none" id=co_1 class=descripgroupe>
                      description groupe Day Class
                      </DIV>
                      <DIV style="DISPLAY: none" id=co_2 class=descripgroupe>
                      description groupe Night Class
                      </DIV>
                      <DIV style="DISPLAY: none" id=co_3 class=descripgroupe>
                      description groupe Sang-Purs
                      </DIV>
                      <DIV style="DISPLAY: none" id=co_4 class=descripgroupe>
                      description groupe Humains
                      </DIV>
                      <DIV style="DISPLAY: none" id=co_5 class=descripgroupe>
                      description groupe Vampires
                      </DIV>
                      <DIV style="DISPLAY: none" id=co_6 class=descripgroupe>
                      description groupe Hunters
                      </DIV>
                      <DIV style="DISPLAY: none" id=co_7 class=descripgroupe>
                      description groupe Personnel
                      </DIV>
                      <DIV style="DISPLAY: none" id=co_8 class=descripgroupe>
                      description groupe Professeurs
                      </DIV>
    </div>
                  </td>
                </tr>
            </table>
          </td>
      </tr>
      <tr>
          <td colspan="2" class="groupe" valign="top">
    <SCRIPT type=text/javascript>
    function changeOnglet(_this){
      var getOnglets = document.getElementById('mesgroupes').getElementsByTagName('li');
      for(var i = 0; i < getOnglets.length; i++){
          if(getOnglets[i].id){
            if(getOnglets[i].id == _this.id){
                getOnglets[i].className = 'mongroupe_selected';
                document.getElementById('c' + _this.id).style.display = 'block';
            }
            else{
                getOnglets[i].className = 'mongroupe';
                document.getElementById('c' + getOnglets[i].id).style.display = 'none';
            }
          }
      }
    }
    </SCRIPT>
                  <center><DIV id=group>
                      <DIV id=mesgroupes>
                      <UL>
                          <table width="100%" cellspacing="5"><tr>
                  <td><LI id=o_1 class=mongroupe onmouseover=changeOnglet(this);><font color="#527F76"> ♣ Day Class ♣ </font></LI></td>
                        <td><LI id=o_2 class=mongroupe onmouseover=changeOnglet(this);><font color="#2F4F4F"> ♣ Night Class ♣ </font></LI></td>
                        <td><LI id=o_3 class=mongroupe onmouseover=changeOnglet(this);><font color="#94537E"> ♣ Sang-Purs ♣ </font></LI></td>
                        <td><LI id=o_4 class=mongroupe onmouseover=changeOnglet(this);><font color="#D6D69C"> ♣ Humains ♣ </font></LI></td>
                        <td><LI id=o_5 class=mongroupe onmouseover=changeOnglet(this);><font color="#C9C904"> ♣ Vampires ♣ </font></LI></td>
                        <td><LI id=o_6 class=mongroupe onmouseover=changeOnglet(this);><font color="#E3E37D"> ♣ Hunters ♣ </font></LI></td>
                        <td><LI id=o_7 class=mongroupe onmouseover=changeOnglet(this);><font color="#BA4700"> ♣ Personnel ♣ </font></LI></td>
                        <td><LI id=o_8 class=mongroupe onmouseover=changeOnglet(this);><font color="#E37632"> ♣ Professeurs ♣ </font></LI></td>
                          </tr></table>
                </UL>
                </DIV>
                </div></center>
          </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 -->

pour mettre une image au dessus du qeel, insérez là dans la partie prévu dans la gestion des images.

pour éviter que l'encart de description des groupes ne changent de taille

ajoutez ceci dans votre css :

Code:

.descripgroupe {
height : 150px;
}

à régler selon ceux que vous désirez

[nyly*]

Merci beaucoup ^^

Malheureusement, ce sont désormais les 5 premiers groupes qui ne veulent pas marcher :/

[SoraNoHime]

Puis-je ravoir votre template, une fois modifié par vos soin avec la description complète des groupes ? Ainsi que la même chose avec votre css ?

[nyly*]

Je n'ai pas encore fait la description de mes groupes je vous le passe quand même où je les fais avant?

Merci de prendre le temps pour moi ^^

[SoraNoHime]

Faites les avant, ainsi je pourrais réparer entièrement ce qui ne va pas.

A tout hasard, avez-vous déjà un tableau dynamique dans votre page d'acceuil, ou un autre système d'onglets ?

Si oui, vous me donnerez également ce code et l'endroit où vous l'avez installé.

Cordialement.

[nyly*]

oui j'ai une Page d'accueil en onglets.
Voici le code :

Code:

<script>function changeOnglet(_this){
    var getOnglets    = document.getElementById('mes_onglets').getElementsByTagName('li');
    for(var i = 0; i < getOnglets.length; i++){
        if(getOnglets[i].id){
            if(getOnglets[i].id == _this.id){
                getOnglets[i].className = 'mon_onglet_selected';
                document.getElementById('c' + _this.id).style.display            = 'block';
            }
            else{
                getOnglets[i].className = 'mon_onglet';
                document.getElementById('c' + getOnglets[i].id).style.display    = 'none';
            }
        }
    }         
}</script>


<script src="http://sd-2.archive-host.com/membres/up/86411517957321821/onglet.js"></script><div id="mes_onglets">
    <ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Description</li>
<li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">RPG Land</li>
        <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Actualité</li>
        <li id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Staff & Crédits</li>
        <li id="o_5" class="mon_onglet" onclick="changeOnglet(this);">Top Affiliates & votes</li>
        <div class="clear"><div id="mes_contenus">
    <div id="co_1" class="mon_contenu"><a href="http://www.servimg.com/image_preview.php?i=213&u=15494931" class="postlink" target="_blank" rel="nofollow"><img src="http://i29.servimg.com/u/f29/15/49/49/31/690x2510.png" border="0" alt="" /></a></div>
    <div id="co_2" class="mon_contenu" style="display: none;"><table border="0"><tr><td align="left"><div style="border-top: 2px dashed #EB4E0A;border-bottom: 2px dashed #EB4E0A; background-color: none; width: 410px; height: 240px; text-align: justify; -moz-border-radius: 11px; padding-left: 3px; letter-spacing:-1px; overflow: auto; padding-right: 3px; padding-top: 3px; padding-bottom:1px;"><a href="http://www.servimg.com/image_preview.php?i=222&u=15494931" class="postlink" target="_blank" rel="nofollow"><img src="http://i29.servimg.com/u/f29/15/49/49/31/contex10.png" border="0" alt="" /></a><br><br>
<font face="Courier New"><span style="font-size: 12px; line-height: normal">Bienvenue à tous et toutes dans la fabuleuse Académie Cross, une école privée qui a été totalement reconstruite après une grande bataille entre vampires et hunters. Cette école possède deux classes, la Day Class qui comme son nom l'indique, feront cours le jour ainsi que la Night Class qui feront cours la nuit. Certains élèves de la Day Class ont tout oublié dans cet étrange évènement grâce aux pouvoirs des vampires et/ou à la magie des Hunters, mais d'autres n'ont pas voulu oublier cette bataille et ont préféré fermer les yeux en continuant leur vie d'étudiant normalement. Faisons un petit résumé de ce qui s'est passé bien avant tout cela.</span></font> <div align="right"><font color="#EB4E0A">♣ </font><a href="http://across-rpg.forumgratuit.org/t7-contexte-du-forum" class="postlink">Lire plus?</a></div></div> </td><td align="left"><div style="border: 1px dashed  none; background-color: none; width: 250px; height: 250px; text-align: justify; -moz-border-radius: 11px; padding-left: 3px; letter-spacing:-1px; padding-right: 3px; padding-top: 3px; padding-bottom:1px;"><a href="http://www.servimg.com/image_preview.php?i=225&u=15494931" class="postlink" target="_blank" rel="nofollow"><img src="http://i29.servimg.com/u/f29/15/49/49/31/bottin10.png" border="0" alt="" /></a>

 <div class="fondtitre"><a class="categling" href="http://across-rpg.forumgratuit.org/t10-botin-des-avatars" target="_blank"><font color="#EB4E0A">♣ </font> JUSTE ICI <font color="#EB4E0A">♣ </font></a></div></div> </td></tr></table></div><div id="co_3" class="mon_contenu" style="display: none;"><table border="0"><tr><td align="left"ROWSPAN=2><a href="http://www.servimg.com/image_preview.php?i=217&u=15494931" class="postlink" target="_blank" rel="nofollow"><img src="http://i29.servimg.com/u/f29/15/49/49/31/news_p10.png" border="0" alt="" /></a> </td><td align="left"><div style="border: 1px dashed #C0C0C0; background-color: #E6E1DC; width: 310px; height: 180px; text-align: justify; -moz-border-radius: 11px; padding-left: 3px; overflow: auto; font-size: 11px; padding-right: 3px; padding-top: 3px; padding-bottom:1px;"><font color="#545454"><font color="#6F86B0"><b>27/04</b></font></b> <font color="#EB4E0A">♣</font> Les modératrices de AC sont choisies: Yuki Kuran et Rima Toya, bienvenue dans le Staff.
<br><font color="#545454"><font color="#6F86B0"><b>20/04</b></font></b> <font color="#EB4E0A">♣</font> La nouvelle chargée de discipline est TIFA LOCKHART.
<br><font color="#EB4E0A">♣</font> Les inscriptions en tant que Hunters ou filles Day class ne sont plus acceptées.
<br><font color="#EB4E0A">♣</font> Essayez de favoriser les autres groupes.
<br><font color="#EB4E0A">♣</font> Nous avons deux candidatures pour le poste de modérateurs. =D
<br><font color="#545454"><font color="#6F86B0"><b>29/03</b></font></b> <font color="#EB4E0A">♣</font> Un recensement est ouvert, tous ceux qui désirent RESTER sur AC, rendez vous <a href="http://across-rpg.forumgratuit.org/t87-recensement-du-30-03-11-au-13-040-11" class="postlink">sur ce topic</a> et remplissez le formulaire!
<br><font color="#EB4E0A">♣</font> Le forum recrute, rendez vous sur <a href="http://across-rpg.forumgratuit.org/t81-les-posts-a-promouvoir#354" class="postlink">ce Topic!</a><br><b><font color="#6F86B0">21/03</font></b> <font color="#EB4E0A">♣</font>Le forum a tout juste un mois, on lui souhaite un joyeux anniversaire. =)<br>
<font color="#EB4E0A">♣</font>Nous avons besoin d'un ou d'une nouvelle Chargé(e) de discipline. =D<br>
<font color="#EB4E0A">♣</font> Nous avons désormais 4 Top Affiliates. <br><br><font color="#EB4E0A">♣</font> Le tout premier RP du forum accéssible à TOUS est <a href="http://across-rpg.forumgratuit.org/t42-la-rentree-des-classes-tous-les-eleves#172" class="postlink">ICI!</a> <br><font color="#EB4E0A">♣</font> Un nouveau CSS et un nouveau Design pour un meilleur confort des yeux, et faut avouer que c'est plus joli comme çà. =)<br><font color="#EB4E0A">♣</font> Une nouvelle page d'accueil mise en place pour plus de simplicité.<br><font color="#EB4E0A">♣</font> Le nombre de places pour les Top Affiliates passe de 9 à 15! Faites vos demandes. <br><font color="#EB4E0A">♣</font> Nous avons rajouté trois Top sites, dans la PA, votez pour nous !! =D <br><font color="#EB4E0A">♣</font> Forum ouvert le 21/02/11 <br><font color="#EB4E0A">♣</font> Forum ayant {FORUMCOUNTUSER} membres <br><font color="#EB4E0A">♣</font> Forum né il y a {FORUMAGE} jours <br><font color="#EB4E0A">♣</font> Pleins de personnages sont libres, alors n'hésitez pas. <br><font color="#EB4E0A">♣</font> Bon jeu à tous les amis =)</font>
 </font> </font></div> </td></tr><tr><td align="left"><div class="fondtitre"><a class="categling" href="http://across-rpg.forumgratuit.org/f5-panneau-d-affichage-demandes" target="_blank"><font color="#EB4E0A">♣</font> VOIR TOUTES LES NEWS EN DETAIL</a></div></td></tr></table></div>
    <div id="co_4" class="mon_contenu" style="display: none;"><table border="0"><tr><td align="left"><div style="border: 2px solid none; background-color: none; width: 650px; height: 150px; text-align: justify; padding: 3px 3px 1px;"><div style="margin-left: 1px;"><a href="http://www.servimg.com/image_preview.php?i=221&u=15494931" class="postlink" target="_blank" rel="nofollow"><img src="http://i29.servimg.com/u/f29/15/49/49/31/staff10.png" border="0" alt="" /></a>
<br><br><div style="margin:auto;text-align:center;width:100%"><a class="imginfo"><font color="firebrick"><img src="http://i29.servimg.com/u/f29/15/49/49/31/moi_st11.png"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><a class="imginfo"><img src="http://illiweb.com/fa/pbucket.gif"></a></td></tr><tr><td style="text-align: center;"><font style="font-family: twilight;" size="2">ZERO KIRYUU &
<br>TAYLOR H AYUHARA</font>
</td></tr><tr><td style="text-align: center;"><font style="font-family: twilight;" size="1">FONDATRICE
 <br><a class="categling" href="http://across-rpg.forumgratuit.org/privmsg?mode=post&u=1" target="_blank">MPotez-la! </a>
</font></td></tr><tr align="center"></tr></tbody></table></span></a>  <a class="imginfo"><font color="firebrick"><img src="http://i29.servimg.com/u/f29/15/49/49/31/miyuki13.png"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><a class="imginfo"><img src="http://illiweb.com/fa/pbucket.gif"></a></td></tr><tr><td style="text-align: center;"><font style="font-family: twilight;" size="2">MIYUKI MOONLIGHT</font>
</td></tr><tr><td style="text-align: center;"><font style="font-family: twilight;" size="1">CO-FONDATRICE
<br> <a class="categling" href="http://across-rpg.forumgratuit.org/privmsg?mode=post&u=2" target="_blank">MPotez-la! </a>
</font></td></tr><tr align="center"></tr></tbody></table></span></a>

<a class="imginfo"><font color="firebrick"><img src="http://i29.servimg.com/u/f29/15/49/49/31/yuki_s11.png"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><a class="imginfo"><img src="http://illiweb.com/fa/pbucket.gif"></a></td></tr><tr><td style="text-align: center;"><font style="font-family: twilight;" size="2">YUKI KURAN</font>
</td></tr><tr><td style="text-align: center;"><font style="font-family: twilight;" size="1">MODERATRICE
<br> <a class="categling" href="http://across-rpg.forumgratuit.org/privmsg?mode=post&u=10" target="_blank">MPotez-la! </a>
</font></td></tr><tr align="center"></tr></tbody></table></span></a> <a class="imginfo"><font color="firebrick"><img src="http://i29.servimg.com/u/f29/15/49/49/31/rima_s11.png"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><a class="imginfo"><img src="http://illiweb.com/fa/pbucket.gif"></a></td></tr><tr><td style="text-align: center;"><font style="font-family: twilight;" size="2">RIMA TOYA</font>
</td></tr><tr><td style="text-align: center;"><font style="font-family: twilight;" size="1">MODERATRICE
<br> <a class="categling" href="http://across-rpg.forumgratuit.org/privmsg?mode=post&u=7" target="_blank">MPotez-la! </a>
</font></td></tr><tr align="center"></tr></tbody></table></span></a> <a class="imginfo"><font color="firebrick"><img src="http://i29.servimg.com/u/f29/15/49/49/31/none10.png"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><a class="imginfo"><img src="IMAGE GIF"></a></td></tr><tr><td style="text-align: center;"><font style="font-family: twilight;" size="2">NOM PRENOM</font>
</td></tr><tr><td style="text-align: center;"><font style="font-family: twilight;" size="1">PUBLICITAIRE
<br> <a class="categling" href="http://across-rpg.forumgratuit.org/privmsg?mode=post&u=23" target="_blank">MPotez-la! </a>
</font></td></tr><tr align="center"></tr></tbody></table></span></a>




</div></td></tr><tr><td align="left">
<a href="http://www.servimg.com/image_preview.php?i=220&u=15494931" class="postlink" target="_blank" rel="nofollow"><img src="http://i29.servimg.com/u/f29/15/49/49/31/copyri10.png" border="0" alt="" /></a><div style="border: 2px solid #6F86B0; background-color: #E8E2DE; width: 530px; height: 40px; text-align: justify; padding: 3px 3px 1px;"><div style="margin-left: 1px;"><span style="font-size: 9px; line-height: normal"><font-color="black"><font color="#EB4E0A">Forum ©</font> <font color="dimgray">Zero Kiryuu & Miyuki Moonlight </font><font color="#EB4E0A">Design ©</font> <font color="dimgray">Zero Kiryuu </font><font color="#EB4E0A">CSS ©</font> <font color="dimgray">Zero Kiryuu & CSS Actif </font><font color="#EB4E0A">Images ©</font> <font color="dimgray">Obsession27, Nautiljon </font><font color=#EB4E0A>©</font> <font color="dimgray">Forum optimisé pour Mozilla Firefox. </font><font color="#EB4E0A">©</font> <font color="dimgray">Tous droit réservés à L'académie Cross RPG, toute reproduction totale ou partielle sans autorisation de son auteur est interdite.</font></div>  </td></tr></table></div>
    <div id="co_5" class="mon_contenu" style="display: none;"><table border="0"><tr><td align="left" COLSPAN=3><div align="left"><a href="http://www.servimg.com/image_preview.php?i=215&u=15494931" class="postlink" target="_blank" rel="nofollow"><img src="http://i29.servimg.com/u/f29/15/49/49/31/vote_a10.png" border="0" alt="" /></a><a href="http://loadly-iod.uphero.com/blog/?p=115" class="postlink" target="_blank" rel="nofollow"><img src="http://i29.servimg.com/u/f29/15/49/49/31/vooote11.png" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/serpentgy/in.php?ID=7170" class="postlink" target="_blank" rel="nofollow"><img src="http://i29.servimg.com/u/f29/15/49/49/31/vooote11.png" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/9a0z/in.php?ID=798" class="postlink" target="_blank" rel="nofollow"><img src="http://i29.servimg.com/u/f29/15/49/49/31/vooote11.png" border="0" alt="" /></a><a href="http://across-rpg.boosterforum.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i29.servimg.com/u/f29/15/49/49/31/vooote11.png" border="0" alt="" /></a></div> </td></tr><tr><td align="left"COLSPAN=3><div align="right"><a href="http://www.servimg.com/image_preview.php?i=214&u=15494931" class="postlink" target="_blank" rel="nofollow"><img src="http://i29.servimg.com/u/f29/15/49/49/31/amis_p10.png" border="0" alt="" /></a></div> </td></tr><tr><td align="left"COLSPAN=3><div style="border: 1px dashed #EB4E0A;  background-color: none; width: 650px; height: 165px; text-align: justify; -moz-border-radius: 11px 11px 11px 11px; padding-left: 22px;"><div style="margin:auto;text-align:center;width:100%"><table border="0"><tr><td align="left"><div class="opacity"><center><div style="border: double gray; background-color: #D9D5D6; width: 102px; height: 35px;"><div style="margin:auto;text-align:center;width:100%"><a href="http://otaku-team.forums-actifs.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i74.servimg.com/u/f74/15/94/69/59/logo310.gif" border="0" alt="" /></a></div></div></center></td><td align="left"><div class="opacity"><center><div style="border: double gray; background-color: #D9D5D6; width: 102px; height: 35px;"><div style="margin:auto;text-align:center;width:100%"><a href="http://among-us.vampire-legend.net/forum.htm" class="postlink" target="_blank" rel="nofollow"><img src="http://nsa15.casimages.com/img/2010/06/08/100608011143101908.png" border="0" alt="" /></a> </div></div></center></td><td align="left"><div class="opacity"><center><div style="border: double gray; background-color: #D9D5D6; width: 102px; height: 35px;"><div style="margin:auto;text-align:center;width:100%"><a href="http://enviousrain.onrevise.com" class="postlink" target="_blank" rel="nofollow"><img src="http://illiweb.com/fa/pbucket.gif" border="0" alt="" /></a></div></div></center></td><td align="left"><div class="opacity"><center><div style="border: double gray; background-color: #D9D5D6; width: 102px; height: 35px;"><div style="margin:auto;text-align:center;width:100%"><a href="http://guerre-des-races.forumactif.com" class="postlink" target="_blank" rel="nofollow"><img src="http://i54.tinypic.com/34y4u55.jpg" style="width: 100px;height: 35px" border="0"></a></div></div></center></td><td align="left"><div class="opacity"><center><div style="border: double gray; background-color: #D9D5D6; width: 102px; height: 35px;"><div style="margin:auto;text-align:center;width:100%"><a href="http://revivalrhapsody.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i51.tinypic.com/vi2lxd.png" border="0" alt="" /></a></div></div></center></td></tr><tr><td align="left"><div class="opacity"><center><div style="border: double gray; background-color: #D9D5D6; width: 102px; height: 35px;"><div style="margin:auto;text-align:center;width:100%"><a href="http://sunset-glow.my-rpg.com" class="postlink" target="_blank" rel="nofollow"><img src="http://illiweb.com/fa/pbucket.gif" border="0" alt="" /></a></div></div></center></td><td align="left"><div class="opacity"><center><div style="border: double gray; background-color: #D9D5D6; width: 102px; height: 35px;"><div style="margin:auto;text-align:center;width:100%"><a href="http://dolls-of-legend.forumsrpg.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i20.servimg.com/u/f20/11/80/73/72/dol_1010.png" border="0" alt="" /></a></div></div></center></td><td align="left"><div class="opacity"><center><div style="border: double gray; background-color: #D9D5D6; width: 102px; height: 35px;"><div style="margin:auto;text-align:center;width:100%"><a href="http://cloud.asiat-world.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://img405.imageshack.us/img405/5308/10035boutonhanabi2.png" border="0" alt="" /></a></div></div></center></td><td align="left"><div class="opacity"><center><div style="border: double gray; background-color: #D9D5D6; width: 102px; height: 35px;"><div style="margin:auto;text-align:center;width:100%">[url=#]<img src="image" border="0" alt="" />[/url]</div></div></center></td><td align="left"><div class="opacity"><center><div style="border: double gray; background-color: #D9D5D6; width: 102px; height: 35px;"><div style="margin:auto;text-align:center;width:100%">[url=#]<img src="image" border="0" alt="" />[/url]</div></div></center></td></tr><tr><td align="left"><div class="opacity"><center><div style="border: double gray; background-color: #D9D5D6; width: 102px; height: 35px;"><div style="margin:auto;text-align:center;width:100%">[url=#]<img src="image" border="0" alt="" />[/url]</div></div></center></td><td align="left"><div class="opacity"><center><div style="border: double gray; background-color: #D9D5D6; width: 102px; height: 35px;"><div style="margin:auto;text-align:center;width:100%">[url=#]<img src="image" border="0" alt="" />[/url]</div></div></center></td><td align="left"><div class="opacity"><center><div style="border: double gray; background-color: #D9D5D6; width: 102px; height: 35px;"><div style="margin:auto;text-align:center;width:100%">[url=#]<img src="image" border="0" alt="" />[/url]</div></div></center></td><td align="left"><div class="opacity"><center><div style="border: double gray; background-color: #D9D5D6; width: 102px; height: 35px;"><div style="margin:auto;text-align:center;width:100%">[url=#]<img src="image" border="0" alt="" />[/url]</div></div></center></td><td align="left"><div class="opacity"><center><div style="border: double gray; background-color: #D9D5D6; width: 102px; height: 35px;"><div style="margin:auto;text-align:center;width:100%">[url=#]<img src="image" border="0" alt="" />[/url]</div></div></center></td></tr></table></div>

<br><div class="fondtitre"><a class="categling" href="http://across-rpg.forumgratuit.org/post?p=14&mode=editpost" target="_blank"><font color="#EB4E0A">♣</font> LES AUTRES PARTENAIRES</a></div> <style="text-align: justify;; width: 160px; height: 20px"><div class="fondtitre"><a class="categling" href="http://across-rpg.forumgratuit.org/t6-formulaire-a-remplir-postez-dans-ce-topic" target="_blank"><font color="#EB4E0A">♣</font> POSTER VOTRE DEMANDE</a></div>  <style="text-align: justify;; width: 160px; height: 20px"><div class="fondtitre"><a class="categling" href="http://across-rpg.forumgratuit.org/t15-fiche-de-academie-cross-rpg" target="_blank"><font color="#EB4E0A">♣</font> NOTRE FICHE</a></div></div> </td></tr></table></div>
</div></div></ul></div>

Je vais de ce pas m'occuper de mes descriptions alors ^^
Merci

[SoraNoHime]

Je sais pourquoi cela ne fonctionne pas alors
ils possèdent les memes codes

je modifie votre qeel et vous rend votre template. Vous pourrez ensuite le remplir comme vous le désirez ^^


Edit : le voici :

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 cellspacing="10" width="100%">
          <tr>
              <td colspan="2" align="center">
                <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" />
              </td>
          </tr>
          <tr>
              <td width="40%" class="stats1" valign="top">
                <span class="gensmall">
                <span id="kumao">{TOTAL_POSTS}</span>. <script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/membre/,"académicien");</script>
                <span id="kumio">{TOTAL_USERS}</span>. <script type="text/javascript">document.getElementById('kumio').innerHTML=document.getElementById('kumio').innerHTML.replace(/membre/,"académiciens");</script>
                <span id="yosh" style="font-family: serif bold sc;">{NEWEST_USER}</font></span>. <script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur/,"L'académicien");</script>
                <br><br>
                    <span id="delf">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne/,"personne qui traine incognito autour de l'académie et en ville.").replace(/utilisateurs en ligne/,"personnes qui trainent autour de l'académie et en ville.").replace(/Enregistré(s?)/,"académicien$1 se baladant entre les murs de la Cross Académie et cherchant des amis.").replace(/Invisible(s?) et/,"petit$1 coquin$1 ne voulant pas se montrer,").replace(/Invité(s?)/,"petit$1 chouchou$1 se demandant comment nous rejoindre sur AC RPG.");</script>
        <br />
                {RECORD_USERS}<br />
                {LOGGED_IN_USER_LIST}
                <table>{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</table>
                <!-- BEGIN switch_chatbox_activate -->
                {TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}
                <!-- BEGIN switch_chatbox_popup -->
                <span id="chatbox_popup"></span>
                <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 -->
                <!-- END switch_chatbox_activate -->
                </span>
                <div class="connect24">
                <table width="100%" valign="top">{L_CONNECTED_MEMBERS}
                </table>
                </div>
              </td>
              <td width="60%" valign="top" class="stats2">
                <div class="connectnow">
                <span class="gensmall">{LOGGED_IN_USER_LIST}</span>
                </div>
                <table width="100%" class="groupdes" valign="top">
                    <tr>
                      <td>
                          <DIV id=descripgroupes>
                          <DIV style="DISPLAY: none" id=cg_1 class=descripgroupe>
                          description groupe Day Class
                          </DIV>
                          <DIV style="DISPLAY: none" id=cg_2 class=descripgroupe>
                          description groupe Night Class
                          </DIV>
                          <DIV style="DISPLAY: none" id=cg_3 class=descripgroupe>
                          description groupe Sang-Purs
                          </DIV>
                          <DIV style="DISPLAY: none" id=cg_4 class=descripgroupe>
                          description groupe Humains
                          </DIV>
                          <DIV style="DISPLAY: none" id=cg_5 class=descripgroupe>
                          description groupe Vampires
                          </DIV>
                          <DIV style="DISPLAY: none" id=cg_6 class=descripgroupe>
                          description groupe Hunters
                          </DIV>
                          <DIV style="DISPLAY: none" id=cg_7 class=descripgroupe>
                          description groupe Personnel
                          </DIV>
                          <DIV style="DISPLAY: none" id=cg_8 class=descripgroupe>
                          description groupe Professeurs
                          </DIV>
        </div>
                      </td>
                    </tr>
                </table>
              </td>
          </tr>
          <tr>
              <td colspan="2" class="groupe" valign="top">
        <SCRIPT type=text/javascript>
        function changeOnglet(_this){
          var getOnglets = document.getElementById('mesgroupes').getElementsByTagName('li');
          for(var i = 0; i < getOnglets.length; i++){
              if(getOnglets[i].id){
                if(getOnglets[i].id == _this.id){
                    getOnglets[i].className = 'mongroupe_selected';
                    document.getElementById('c' + _this.id).style.display = 'block';
                }
                else{
                    getOnglets[i].className = 'mongroupe';
                    document.getElementById('c' + getOnglets[i].id).style.display = 'none';
                }
              }
          }
        }
        </SCRIPT>
                      <center><DIV id=group>
                          <DIV id=mesgroupes>
                          <UL>
                              <table width="100%" cellspacing="5"><tr>
                      <td><LI id=g_1 class=mongroupe onmouseover=changeOnglet(this);><font color="#527F76"> ♣ Day Class ♣ </font></LI></td>
                            <td><LI id=g_2 class=mongroupe onmouseover=changeOnglet(this);><font color="#2F4F4F"> ♣ Night Class ♣ </font></LI></td>
                            <td><LI id=g_3 class=mongroupe onmouseover=changeOnglet(this);><font color="#94537E"> ♣ Sang-Purs ♣ </font></LI></td>
                            <td><LI id=g_4 class=mongroupe onmouseover=changeOnglet(this);><font color="#D6D69C"> ♣ Humains ♣ </font></LI></td>
                            <td><LI id=g_5 class=mongroupe onmouseover=changeOnglet(this);><font color="#C9C904"> ♣ Vampires ♣ </font></LI></td>
                            <td><LI id=g_6 class=mongroupe onmouseover=changeOnglet(this);><font color="#E3E37D"> ♣ Hunters ♣ </font></LI></td>
                            <td><LI id=g_7 class=mongroupe onmouseover=changeOnglet(this);><font color="#BA4700"> ♣ Personnel ♣ </font></LI></td>
                            <td><LI id=g_8 class=mongroupe onmouseover=changeOnglet(this);><font color="#E37632"> ♣ Professeurs ♣ </font></LI></td>
                              </tr></table>
                    </UL>
                    </DIV>
                    </div></center>
              </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 -->

[nyly*]

Haaan c'est parfait merci beaucoup ^^
Vous avez fait du super boulot ^^