Design Groupes

[Horatio]

Bonjour,

Je voudrais modifier la présentation de mes groupes, j'aimerais qu'il soit centrés sous l'image de mon qui est en ligne et encadré par des petits pointillés blancs.



Merci pour votre aide,
Cordialement

[SoraNoHime]

Bonjour

pouvez-vous me fournir la liste de vos groupes ainsi que votre index_body ? Par ailleurs votre titre ne colle pas avec votre demande. Pouvez-vous le renommer ? Merci d'avance. ^^

Cordialement.

[Horatio]

Bonsoir,

J'ai modifié le titre comme demandé, dsl je pensais à autre chose quand je l'est tappé.
Voici la liste de mes groupes :

- Direction
- Membres du Ministère
- Modérateurs
- Professeurs de Poudlard Univers
- Personnel de Poudlard Univers
- Aurors
- Médicomages
- Marchands
- Ordre du phénix
- Mangemorts
- Gryffondor
- Poufsouffle
- Serdaigle
- Serpentard
- Sorciers

Et voici mon index_body :

Code:

{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <!-- BEGIN message_admin_titre -->
  <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
  </tr>
  <!-- END message_admin_titre -->
  <!-- BEGIN message_admin_txt -->
  <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
  </tr>
  <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="100%"  class="row1" align="center">
            <table width="100%">
              <tr>
                  <td width="55%" valign="middle" align="right">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                    <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td width="50%" valign="top">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
        <!-- END switch_user_logged_in -->
        <!-- BEGIN switch_delete_cookies -->
        <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
        <!-- END switch_delete_cookies -->
        </span>
      </td>
      <td width="50%" align="right">
        <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
              <!-- BEGIN switch_delete_cookies -->
              <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
              <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
        </span>
      </td>
  </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="100%"  class="row1" align="center">
            <table width="100%">
              <tr>
                  <td width="55%" valign="middle">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                    <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

  <!-- BEGIN disable_viewonline -->
<br><center><img src="http://i43.servimg.com/u/f43/16/63/49/41/qeel_b10.jpg"></center>
 
<center><table cellspacing='50' >
  <tr>
<td style="padding: 20px; border: 3px solid #653C78; width: 350px ; height: 200px; background : #E2DBEB; texte-align: justify; overflow: auto; "><span class="gensmall">

<span class="gensmall">
                <span id="messages">{TOTAL_POSTS}</span>
                <script type="text/javascript">document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/Nos membres ont posté un total de/,"Les sorciers de Poudlard Univers ont jeté :");

document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/message/,"sort");
    document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/messages/,"sorts");
                </script><br><br>
             
                <span id="users">{TOTAL_USERS}</span>
                <script type="text/javascript">
    document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/Nous avons/,"L'univers de Poudlard compte");
    document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membres enregistrés/,"sorciers rescensés");           
                </script><br><br>

                <span id="newuser">{NEWEST_USER}</span>
                <script type="text/javascript">              document.getElementById('newuser').innerHTML=document.getElementById('newuser').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le sorcier le plus récent à avoir pris le Poudlard Express est");
                </script><br><br>

                <span id="totaluser">{TOTAL_USERS_ONLINE}</span>
                <script type="text/javascript">          document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateur en ligne/,"personne dans l'école");      document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateurs en ligne/,"personnes dans l'école");
    document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistré/,"Sorcier");
    document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistrés/,"Sorciers"); 
    document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisible/,"Sous cape d'invisibilité");
    document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisibles/,"Sous cape d'invisibilité");
    document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invité/,"Cracmol");
    document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invités/,"Cracmol");
                </script><br>
                </script><br>

                <span id="connecteduser">{LOGGED_IN_USER_LIST}</span>
                <script type="text/javascript">              document.getElementById('connecteduser').innerHTML=document.getElementById('connecteduser').innerHTML.replace(/Utilisateur enregistré/,"Sorciers recensés");        document.getElementById('connecteduser').innerHTML=document.getElementById('connecteduser').innerHTML.replace(/Utilisateurs enregistrés/,"Sorciers recensés");
                </script><br>

                <span id="record">{RECORD_USERS}</span>
                <script type="text/javascript">              document.getElementById('record').innerHTML=document.getElementById('record').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Le record du nombre de sorciers vu à Poudlard Univers est de");
                </script><br>
                </span>
        </td>

        <td style="padding: 20px; border: 3px solid #653C78; width: 350px ; height: 200px; background : #E2DBEB; texte-align: justify; overflow: auto; ">
                                 
                    <div style="background;>{L_CONNECTED_MEMBERS}</div>

</center>
</td>
</tr>
</table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />

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

 <DIV align=center><FONT size=2>Poudlard Univers.org<BR>Toute reproduction en totalité ou en partie est interdite.<BR>Les images et les noms relatifs à Harry Potter sont une propriété de la Warner Bros Corp. et J.K. Rowling.<BR>© 2011/2012 Design by C.Sébastien © 2011/2012 Projet par C.Sébastien, Jeff, C. Rémi<BR>Optimisé pour Firefox 3, Internet Explorer 7, Safari 3 et Opera 9</FONT></DIV>

Merci pour votre aide,
Cordialement

[Horatio]

Up

Cordialement

[SoraNoHime]

Dans votre template repérez :

Code:

<!-- END disable_viewonline -->

juste avant mettez :

Code:

<table width="100%"><tr><td align="center" class="zonegroupe">
<a href="" class="groupe">Direction</a>
<a href="" class="groupe">Membres du Ministère</a>
<a href="" class="groupe">Modérateurs</a>
<a href="" class="groupe">Professeurs de Poudlard Univers</a>
<a href="" class="groupe">Personnel de Poudlard Univers</a>
<a href="" class="groupe">Aurors</a>
<a href="" class="groupe">Médicomages</a>
<a href="" class="groupe">Marchands</a>
<a href="" class="groupe">Ordre du phénix</a>
<a href="" class="groupe">Mangemorts</a>
<a href="" class="groupe">Gryffondor</a>
<a href="" class="groupe">Poufsouffle</a>
<a href="" class="groupe">Serdaigle</a>
<a href="" class="groupe">Serpentard</a>
<a href="" class="groupe">Sorciers</a>
</td></tr></table>

Il vous faudra mettre à chaque groupe l'adresse prévue...

pour personnaliser la zone où se trouve les groupes, e vous ai créer deux class :

.zonegroupe comme son nom l'indique c'est pour l'ensemble des groupes.

à mettre ainsi dans votre css par exemple :

Code:


.zonegroupe {
background-color : #ff0000;
}

et .groupe pour chacun d'entre eux individuellement.

Code:

.groupe {
border : 3px dotted #ffffff;
color : #000000;
font-size : 12px;
}

Cordialement.

[Horatio]

Bonjour,

Qu'entendez vous par adresse prévue ?
Svp

Cordialement

[SoraNoHime]

l'adresse qui mène à la description de vos groupes.

vous pouvez la retrouver a partir du panneau d'administration

PA > Utilisateur & Groupes > Gestion des groupes

Cliquez sur le nom d'un de vos groupes, vous vous retrouverez directement sur l'adresse dont je vous parle ^^

[Horatio]

Je dois donc les placer à la place du nom du groupe ?

Cordialement

[SoraNoHime]

<a href="ici" class="groupe">nom du groupe</a>

mettez l'adresse à lemplacement signalé en rouge.

[Horatio]

Ok c'est fais. Parfait merci
Deux petites questions :
- Pourquoi la couleur des groupes n'est pas celle que j'ai attribué ?
- Au niveau des pointillés j'aurais voulu ceci

- - - - - - - - - -

Ansi qu'un petit espace entre chaque groupe pour éviter que ce soit trop serré.

Cordialement,
Merci beaucoup pour votre aide.

[SoraNoHime]

Code:

.groupe {
border : 3px dotted #ffffff;
color : #000000;
font-size : 12px;
}

ceci normalement vous fait des pointillés blancs, comme demandé avant.

pour avoir un espace entre chaque groupe rajoutez un margin :

Code:

.groupe {
border : 3px dotted #ffffff;
font-size : 12px;
margin : 10px;
}

Pour mettre la couleur de chacun de vos groupes, il faut l'attribuer manuellement dans votre template à chacun de vos groupes.

exemple :

<a href="adresse" class="groupe"><font color="#couleur voulue">Nom du groupe</font></a>

[Horatio]

Bon pour les couleurs c'est ok.
Mais regardez j'ai fais un capture d'écran et il n'y a pas de :

- - - - - -

Juste des sortes de points.
Les espaces sont mis, mais les points se touchent et s'enmellent.

Regardez :


Cordialement,
Merci

[SoraNoHime]

Essayez alors ainsi :

Code:

.groupe {
border : 3px dashed #ffffff;
font-size : 12px;
margin : 10px;
}

[Horatio]

Pour les pointillés sa marche mais ils se touchent quand même.



Cordialement

[SoraNoHime]

Repérez ceci dans votre template :

Code:

Aurors</font></a>

et juste derrière ajoutez :

Code:

</td></tr><tr><td align="center" class="zonegroupe">

[Horatio]

J'ai agrandis la police alors finalement je l'es mis aprés personnel de poudlard et voici ce que sa donne :



Mais pourquoi certains pointillés sont plus gros que d'autres, et ils sont trop collés au nom du groupe.
Mettons d'accord, dans les trois codes css que vous m'avez donné lequel dois-je mettre les trois ?

Cordialement

[SoraNoHime]

pour que les pointillés ne soit plus collés au nom vous pouvez rajoutez un padding :

.groupe {
border : 3px dashed #ffffff;
font-size : 12px;
margin : 10px;
padding : 3px;
}

par contre l'agencement des pointillés plus gros est du à la longueur de vos groupes.

De même, si vous augmentez la police il faudra faire passer les groupes autrement dans le tableau ou ils sont passés.

Réglez la taille des groupes à votr convenance, puis fournissez moi de nouveau votre template et votre css.

[Horatio]

Trés bien 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 -->
<br><center><img src="http://i43.servimg.com/u/f43/16/63/49/41/qeel_b10.jpg"></center>
 
<center><table cellspacing='50' >
  <tr>
<td style="padding: 20px; border: 3px solid #653C78; width: 350px ; height: 200px; background : #E2DBEB; texte-align: justify; overflow: auto; "><span class="gensmall">

<span class="gensmall">
                <span id="messages">{TOTAL_POSTS}</span>
                <script type="text/javascript">document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/Nos membres ont posté un total de/,"Les sorciers de Poudlard Univers ont jeté :");

document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/message/,"sort");
    document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/messages/,"sorts");
                </script><br><br>
             
                <span id="users">{TOTAL_USERS}</span>
                <script type="text/javascript">
    document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/Nous avons/,"L'univers de Poudlard compte");
    document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membres enregistrés/,"sorciers rescensés");           
                </script><br><br>

                <span id="newuser">{NEWEST_USER}</span>
                <script type="text/javascript">              document.getElementById('newuser').innerHTML=document.getElementById('newuser').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le sorcier le plus récent à avoir pris le Poudlard Express est");
                </script><br><br>

                <span id="totaluser">{TOTAL_USERS_ONLINE}</span>
                <script type="text/javascript">          document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateur en ligne/,"personne dans l'école");      document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateurs en ligne/,"personnes dans l'école");
    document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistré/,"Sorcier");
    document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistrés/,"Sorciers"); 
    document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisible/,"Sous cape d'invisibilité");
    document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisibles/,"Sous cape d'invisibilité");
    document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invité/,"Cracmol");
    document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invités/,"Cracmol");
                </script><br>
                </script><br>

                <span id="connecteduser">{LOGGED_IN_USER_LIST}</span>
                <script type="text/javascript">              document.getElementById('connecteduser').innerHTML=document.getElementById('connecteduser').innerHTML.replace(/Utilisateur enregistré/,"Sorciers recensés");        document.getElementById('connecteduser').innerHTML=document.getElementById('connecteduser').innerHTML.replace(/Utilisateurs enregistrés/,"Sorciers recensés");
                </script><br>

                <span id="record">{RECORD_USERS}</span>
                <script type="text/javascript">              document.getElementById('record').innerHTML=document.getElementById('record').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Le record du nombre de sorciers vu à Poudlard Univers est de");
                </script><br>
                </span>
        </td>

        <td style="padding: 20px; border: 3px solid #653C78; width: 350px ; height: 200px; background : #E2DBEB; texte-align: justify; overflow: auto; ">
                                 
                    <div style="background;>{L_CONNECTED_MEMBERS}</div>

</center>
</td>
</tr>
</table>
<table width="100%"><tr><td align="center" class="zonegroupe">
<a href="http://www.poudlardunivers.org/g1-direction" class="groupe"><font color="#6600FF">Direction</font></a>
<a href="http://www.poudlardunivers.org/g3-membres-du-ministere" class="groupe"><font color="#336600">
Membres du Ministère</font></a>
<a href="http://www.poudlardunivers.org/g2-moderateurs" class="groupe"><font color="#000099">
Modérateurs</font></a>
<a href="http://www.poudlardunivers.org/g4-professeurs-de-poudlard-univers" class="groupe"><font color="#660000">
Professeurs de Poudlard Univers</font></a>
<a href="http://www.poudlardunivers.org/g5-personnel-de-poudlard-univers" class="groupe"><font color="#0066CC">
Personnel de Poudlard Univers</font></a>
</td></tr><tr><td align="center" class="zonegroupe">
<a href="http://www.poudlardunivers.org/g6-aurors" class="groupe"><font color="#CC6600">
Aurors</font></a>
<a href="http://www.poudlardunivers.org/g7-medicomages" class="groupe"><font color="#999900">
Médicomages</font></a>
<a href="http://www.poudlardunivers.org/g8-marchands" class="groupe"><font color="#99CCCC">
Marchands</font></a>
<a href="http://www.poudlardunivers.org/g9-ordre-du-phenix" class="groupe"><font color="#663333">
Ordre du phénix</font></a>
<a href="http://www.poudlardunivers.org/g10-mangemorts" class="groupe"><font color="#333333">
Mangemorts</font></a>
<a href="http://www.poudlardunivers.org/g11-gryffondor" class="groupe"><font color="#CC0000">
Gryffondor</font></a>
<a href="http://www.poudlardunivers.org/g12-poufsouffle" class="groupe"><font color="#FFCC00">
Poufsouffle</font></a>
</td></tr><tr><td align="center" class="zonegroupe">
<a href="http://www.poudlardunivers.org/g13-serdaigle" class="groupe"><font color="#3333CC">
Serdaigle</font></a>
<a href="http://www.poudlardunivers.org/g14-serpentard" class="groupe"><font color="#003300">
Serpentard</font></a>
<a href="http://www.poudlardunivers.org/g15-sorciers" class="groupe"><font color="#FFFFFF">
Sorciers</font></a>
</td></tr></table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />

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

 <DIV align=center><FONT size=2>Poudlard Univers.org<BR>Toute reproduction en totalité ou en partie est interdite.<BR>Les images et les noms relatifs à Harry Potter sont une propriété de la Warner Bros Corp. et J.K. Rowling.<BR>© 2011/2012 Design by C.Sébastien © 2011/2012 Projet par C.Sébastien, Jeff, C. Rémi<BR>Optimisé pour Firefox 3, Internet Explorer 7, Safari 3 et Opera 9</FONT></DIV>

Et mon css :

Code:

.dersuj {
border : 1px solid #000000;
margin : 20px;
}

.descrip {
margin-top : 20px;
margin-left : 20px;
margin-right : 20px;
min-height : 61px;
}

/*Titre des catégories*/
        .secondarytitle{
        background-color: transparent;
}
        .secondarytitle h2 {
        background-color: transparent;
        color : #ffffff;
        font-size : 20px;
        font-family : Gentium Basic;
        }
 .forumlink {
        background-color: transparent;
        background-position:left bottom;
        }

  a.forumlink {
    background-color: transparent;
    color : #ffffff;
    font-size : 13px;
    font-family : Gentium basic;
    padding-left : 10px;
    }

.catfond {
background-image: url('http://img68.xooimage.com/files/e/2/5/sans-titre-13-copie-2a866ef.png');
background-repeat: repeat;
background-position: top center;
height: 200px;
width: 900px;}


.infobulle{position: relative;z-index: 0;}
.infobulle:hover{z-index: 50;}
.infobulle span{  position: absolute;visibility: hidden;}
.infobulle:hover span{  visibility: visible;  top: 15px;  left: 20px;  width: auto;  color:#FFFFFF;  font-size: 17px;  font-family: Palatino, time new roman, serif;}
.infobulle a{color:#FFFFFF;}
.infobulle a:hover{color:#FFFF00;}

body{
  background-position:top center;
  background-repeat:repeat;
}

.zonegroupe {
background-color : transparent;
}

a { text-decoration: none; }

.bodyline {
-moz-border-radius:6px;
}

.groupe {
border : 3px dashed #ffffff;
font-size : 18px;
margin : 10px;
padding : 3px;
}


Cordialement,

Merci

[SoraNoHime]

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 -->
    <br><center><img src="http://i43.servimg.com/u/f43/16/63/49/41/qeel_b10.jpg"></center>
   
    <center><table cellspacing='50' >
      <tr>
    <td style="padding: 20px; border: 3px solid #653C78; width: 350px ; height: 200px; background : #E2DBEB; texte-align: justify; overflow: auto; "><span class="gensmall">

    <span class="gensmall">
                    <span id="messages">{TOTAL_POSTS}</span>
                    <script type="text/javascript">document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/Nos membres ont posté un total de/,"Les sorciers de Poudlard Univers ont jeté :");

    document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/message/,"sort");
        document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/messages/,"sorts");
                    </script><br><br>
               
                    <span id="users">{TOTAL_USERS}</span>
                    <script type="text/javascript">
        document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/Nous avons/,"L'univers de Poudlard compte");
        document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membres enregistrés/,"sorciers rescensés");         
                    </script><br><br>

                    <span id="newuser">{NEWEST_USER}</span>
                    <script type="text/javascript">              document.getElementById('newuser').innerHTML=document.getElementById('newuser').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le sorcier le plus récent à avoir pris le Poudlard Express est");
                    </script><br><br>

                    <span id="totaluser">{TOTAL_USERS_ONLINE}</span>
                    <script type="text/javascript">          document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateur en ligne/,"personne dans l'école");      document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateurs en ligne/,"personnes dans l'école");
        document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistré/,"Sorcier");
        document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistrés/,"Sorciers");
        document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisible/,"Sous cape d'invisibilité");
        document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisibles/,"Sous cape d'invisibilité");
        document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invité/,"Cracmol");
        document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invités/,"Cracmol");
                    </script><br>
                    </script><br>

                    <span id="connecteduser">{LOGGED_IN_USER_LIST}</span>
                    <script type="text/javascript">              document.getElementById('connecteduser').innerHTML=document.getElementById('connecteduser').innerHTML.replace(/Utilisateur enregistré/,"Sorciers recensés");        document.getElementById('connecteduser').innerHTML=document.getElementById('connecteduser').innerHTML.replace(/Utilisateurs enregistrés/,"Sorciers recensés");
                    </script><br>

                    <span id="record">{RECORD_USERS}</span>
                    <script type="text/javascript">              document.getElementById('record').innerHTML=document.getElementById('record').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Le record du nombre de sorciers vu à Poudlard Univers est de");
                    </script><br>
                    </span>
            </td>

            <td style="padding: 20px; border: 3px solid #653C78; width: 350px ; height: 200px; background : #E2DBEB; texte-align: justify; overflow: auto; ">
                                   
                        <div style="background;>{L_CONNECTED_MEMBERS}</div>

    </center>
    </td>
    </tr>
    </table>
    <table width="100%"><tr><td align="center" class="zonegroupe" height="50">
    <a href="http://www.poudlardunivers.org/g1-direction" class="groupe"><font color="#6600FF">Direction</font></a>
    <a href="http://www.poudlardunivers.org/g3-membres-du-ministere" class="groupe"><font color="#336600">Membres du Ministère</font></a>
    <a href="http://www.poudlardunivers.org/g2-moderateurs" class="groupe"><font color="#000099">Modérateurs</font></a></td></tr>
<tr><td align="center" class="zonegroupe" height="50">
    <a href="http://www.poudlardunivers.org/g4-professeurs-de-poudlard-univers" class="groupe"><font color="#660000">Professeurs de Poudlard Univers</font></a>
    <a href="http://www.poudlardunivers.org/g5-personnel-de-poudlard-univers" class="groupe"><font color="#0066CC">Personnel de Poudlard Univers</font></a></td></tr>
<tr><td align="center" class="zonegroupe" height="50">
    <a href="http://www.poudlardunivers.org/g6-aurors" class="groupe"><font color="#CC6600">Aurors</font></a>
    <a href="http://www.poudlardunivers.org/g7-medicomages" class="groupe"><font color="#999900">Médicomages</font></a>
    <a href="http://www.poudlardunivers.org/g8-marchands" class="groupe"><font color="#99CCCC">Marchands</font></a>
    <a href="http://www.poudlardunivers.org/g9-ordre-du-phenix" class="groupe"><font color="#663333">Ordre du phénix</font></a></td></tr>
<tr><td align="center" class="zonegroupe" height="50">
    <a href="http://www.poudlardunivers.org/g10-mangemorts" class="groupe"><font color="#333333">Mangemorts</font></a>
    <a href="http://www.poudlardunivers.org/g11-gryffondor" class="groupe"><font color="#CC0000">Gryffondor</font></a>
    <a href="http://www.poudlardunivers.org/g12-poufsouffle" class="groupe"><font color="#FFCC00">Poufsouffle</font></a></td></tr>
<tr><td align="center" class="zonegroupe" height="50">
    <a href="http://www.poudlardunivers.org/g13-serdaigle" class="groupe"><font color="#3333CC">Serdaigle</font></a>
    <a href="http://www.poudlardunivers.org/g14-serpentard" class="groupe"><font color="#003300">Serpentard</font></a>
    <a href="http://www.poudlardunivers.org/g15-sorciers" class="groupe"><font color="#FFFFFF">Sorciers</font></a>
    </td></tr></table>
    <!-- END disable_viewonline -->
    {CHATBOX_BOTTOM}
    <br clear="all" />

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

    <DIV align=center><FONT size=2>Poudlard Univers.org<BR>Toute reproduction en totalité ou en partie est interdite.<BR>Les images et les noms relatifs à Harry Potter sont une propriété de la Warner Bros Corp. et J.K. Rowling.<BR>© 2011/2012 Design by C.Sébastien © 2011/2012 Projet par C.Sébastien, Jeff, C. Rémi<BR>Optimisé pour Firefox 3, Internet Explorer 7, Safari 3 et Opera 9</FONT></DIV>

Voici votre template, j'ai reformaté le tableau en fonction de vos données css. Cela correspond-t-il mieux à vos attentes ?

[Horatio]

Bonjour,

Le résultat obtenu n'est pas ce que je voulais avoir, néanmoins permettez moi de vous demandez quelque chose de différent.

Pouvez vous au lieu des pointillés me mettre des points, qui formeraient un cadre avec la couleur intérieure suivante : #996633, les catégories seraient en majuscules.
Un exemple un peu comme je voudrais : http://nineteen-years-later.forums-actifs.com/

Merci beaucoup pour l'aide que vous m'apportez.
Cordialement

[Horatio]

Bonsoir,

J'ai réussi grace à votre aide et au petit bidouillage que j'ai fais à obtenir ce que je voulais.

Cordialement
Merci