Un code qeel s'il vous plait.

[la_blonde2510]

Rappel du premier message :

Bonjour à tous et toutes,

Après m'être arraché des cheveux pour pouvoir faire un QEEL potable, j'ai abandonné et j'ai eu l'idée de venir vous demandez ici si ce serais possible d'être aidé?!

Voici ce dont j'aimerai:




Serait-il possible d'être aidé car vraiment je n'en peux plus, rien ne veux aller et si vous me demander de vous donner mon code html ou css... j'ai tout effacé pour redémarré à zéro avec vous.


Merci d'avance.

PS/ je ne sais pas si j'ai poster mon sujet au bon endroit, si c'est le cas, désolé. Sinon, merci à vous j'espère avoir une petite réponse dans la journée.

[la_blonde2510]

ok.

Hum, tu peux encore m'aider pour les phrases etc s'il te plait *fais les yeux doux*

Je sais, je demande beaucoup aujourd'hui ^^' désolé

[Lixyr]

Alors on passe à la cellule suivante.

2) Nombre de membres se promenant sur le forum.

C'est la cellule du bas.

On prend la variable

{LOGGED_IN_USER_LIST} => Utilisateurs enregistrés : XXXXXX

Alors, on prend le code pour modifier la phrase :

Code:

    <span id="logged">{LOGGED_IN_USER_LIST}
                  <script type="text/javascript">document.getElementById('logged').innerHTML=document.getElementById ('logged').innerHTML.replace(/Utilisateurs enregistrés :/,"TON TEXTE ");</script>
    </span> LA FIN DE TON TEXTE

tu remplis les champs en modifiant :

<span id="logged">{LOGGED_IN_USER_LIST}
<script type="text/javascript">document.getElementById('logged').innerHTML=document.getElementById ('logged').innerHTML.replace(/Utilisateurs enregistrés :/,"TON TEXTE ");</script>
</span> LA FIN DE TON TEXTE

As-tu lu mon tuto sur la modification des phrases du QEEL ?

[la_blonde2510]

Oui, j'ai lu mais... étant donné qu'ici on à plusieurs chose modifié, je ne sais pas ou le mettre et quoi mettre... :s

[Lixyr]

Oh non justement c'est le code le plus simple :

Code:


        <span id="logged">{LOGGED_IN_USER_LIST}
                      <script type="text/javascript">document.getElementById('logged').innerHTML=document.getElementById ('logged').innerHTML.replace(/Utilisateurs enregistrés :/,"En ce moment ");</script>
        </span> se promène(nt) dans les rues.

[la_blonde2510]

Voila, c'est mis ^^

pour le coté droit maintenant? x) Comment fait-on?

[Lixyr]

Alors pour le côté droit

3) Image du QEEL et statistiques modifiées.

1 - Alors déjà, tu vas bien lire mon tuto ! x)

2 - Ensuite, donc je te donne le code de ton image du QEEL, que tu vas mettre dans la cellule de droite :

Code:

<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" />

.

3 - Ensuite, je te donne la variable que tu dois modifier, si tu veux ta phrase :

Nous avons dans cette ville X spécimens ayant eu recours au plus grand soucis de la terre ...

Code:

{TOTAL_USERS}

La phrase d'origine de cette phrase est : Nous avons X membres enregistrés
Toi tu veux : Nous avons dans cette ville X spécimens ayant eu recours au plus grand soucis de la terre ...

Il y a donc deux parties à modifier :
- avant le X
- après le X

Le code ressemble donc à : (c'est fou, ça, c'est l'exemple que j'avais déjà donné)

Code:


    <span id="totalu"> {TOTAL_USERS}
    <script type="text/javascript">document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/Nous avons/,"VOTRE TEXTE");</script>

    <script type="text/javascript">document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/membre enregistré/,"VOTRE TEXTE");</script>

    <script type="text/javascript">document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/membres enregistrés/,"VOTRE TEXTE");</script>
    </span>

Allez, je t'ai tout mâché, essaie par toi-même de modifier ça.

[la_blonde2510]

J'ai continuer, j'aurai encore quelques questions .....

1) Comment modifier la police dans le QEEL sachant qu'on touche les balises?
2) Comment mettre un écart entre les logo des onglets?
3) Comment partager le tableau en deux part égale? genre 50/50 ?

J'ai essayer, tu sais me dire si j'ai bien suivis les leçons?

[Lixyr]

Alors, quand tu veux modifier la police, tu veux modifier la police de certaines cellules, de certains textes, et de tout à la fois ?

1) Modifier la police dans le QEEL

1) Certaines cellules :

Dans la cellule, tu mets, si tu n'en as pas déjà un, un style pour introduire le code css :

Code:

<td style="font-family:NOMDELAPOLICE;">

2) Certains textes :

Tu entoures ton texte d'un span auquel tu rajoutes un style pour introduire le code css :

Code:

<span style="font-family:NOMDELAPOLICE;">TON TEXTE</span>

3) Tout à la fois.

Tu modifie la classe de ton tableau de base. Si je me rappelle bien, ton tableau est de la forme

<table class="forumline" ... >

tu modifies ce forumline par, par exemple, tableau :

<table class="tableau" ... >

et tu mets dans ton css :

Code:

.tableau {font-family:NOMDELAPOLICE !important;}

et tu enregistres.


2) Mettre un écart entre les logos des onglets

Ca se passe dans le css :

Tu cherches ça :

.onglet

et

.onglet:selected

et tu rajoutes pour les deux :

Code:


margin-right:5px;
margin-left:5px;

tu peux changer les valeurs 5 par ce que tu veux jusqu'à ce que ça te plaise.
margin-right : met un espace à droite
margin-left : met un espace à gauche


3) Partager le tableau en deux parts égales

Il suffit de mettre un

Code:

width="50%"

dans les cellules concernées.

Comme ça :

Code:

<td width="50%" ... >

/\ les ... que je mets dans les td ou les table, c'est pour montrer que tu as la fin de ton code ici. Tu ne mets pas de ..., toi, dans ton code.

[la_blonde2510]

Bonjour,

Merci pour les codes mais j'ai un soucis, je n'arrive pas à avoir ce que je veux pour la description des onglets... ou alors je me trompe mais chaque fois qu'on passe sur les onglets, la description agrandie et fait reculer la partie droite.

merci.

[Lixyr]

Pour la description des codes ?

[la_blonde2510]

J'ai modifier, je voulais dire onglet désolé.

[Lixyr]

D'accord. Donc je peux avoir votre css et le template index_body ?
Du moins la partie du QEEL actuelle.
Pour voir le problème.

[la_blonde2510]

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 class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
          <tr>
        <td>

<script src="http://www.archive-host.com/files/597546/96de005e35ffd2b9823d2b1d229d90d18341a601/onglets_2.js"></script><div id="mes_onglets">
<ul>
<li id="o_1" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_1" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li></li>

<li id="o_2" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_2" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li>

<li id="o_3" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_3" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li>

<li id="o_4" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_4" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li>

<li id="o_5" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_5" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li>

<li id="o_6" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_6" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li>


<div class="clear"><div id="mes_contenus">


<div id="co_1" class="mon_contenu">

<table>
<tr>

<td class="row1" width="50%" height="100%">

    <div class="descriptiongroupe">" <font color=#816DC7 size="3">La description du groupe</font><br/> va bientôt arriver, patienter s'il vous plait." Exemple ^^</div>

</td>
</tr>

</table>
</div>



<div id="co_2" class="mon_contenu" style="display: none;">
<table><tr><td class="row1" width="50%" height="100%">
    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^</div>
</td></tr></table>
</div>



<div id="co_3" class="mon_contenu" style="display: none;">
<table>
<tr>
<td class="row1" width="50%" height="100%">    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^</div></td>
</tr>
</table>
</div>

<div id="co_4" class="mon_contenu" style="display: none;">
<table>
<tr>
<td class="row1" width="50%" height="100%">    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^ un peu plus long</div></td>
</tr>
</table>
</div>

<div id="co_5" class="mon_contenu" style="display: none;">
<table>
<tr>
<td class="row1" width="50%" height="100%">    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^ Qu'est ce que cela pourrait donner?!!</div></td>
</tr>
</table>
</div>

<div id="co_6" class="mon_contenu" style="display: none;">
<table>
<tr>
<td class="row1" width="50%" height="100%">    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^</div></td>
</tr>
</table>
</div>

</div></ul></div><hr><br /></td>

      <td rowspan="2">    <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /><br>
<span class="gensmall">            <span id="bert">{TOTAL_POSTS}
            </span>
            <script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/," Un nombre de");
            </script>
            <script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/messages/," lettres s'envole à Dream heart");
            </script><br />
                      <span id="matt">{TOTAL_USERS}
            </span>
            <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"Dans la débauche,");
            </script>
            <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"marche dans les rues");
            </script><br />
                      <span id="yosh">{NEWEST_USER}
            </span></center>
            <script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/," Notre nouveauté est");
            </script></span>
<br>
<br>
<br/>
          <span class="gensmall"><span id="celine">{TOTAL_USERS_ONLINE}
            </span>
            <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Il y a en tout/," Les courageux se compte au nombre de");
            </script>
            <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/utilisateur en ligne/," incoscient ");
            </script>
            <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/utilisateurs en ligne/,"inconscients");
            </script>
              <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Enregistré/,"revenant");
              </script>
              <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Invisible et/,"fantôme");
              </script>
              <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Invité/,"esprit");
                </script><br />
          {RECORD_USERS}<br />
          <br />
</td>
      </tr>
    </span></td>
        </tr>
        <tr>
        <td>
        <span id="logged"><span style="font-family:courier new;"><font color=#ffffff size="2"><i>{LOGGED_IN_USER_LIST}</i></font>
                      <script type="text/javascript">document.getElementById('logged').innerHTML=document.getElementById ('logged').innerHTML.replace(/Utilisateurs enregistrés :/,"En ce moment ");</script>
        </span> <font color=#ffffff size="2"><span style="font-family:courier new;"><i>se promène(nt) dans les rues.</i></font></span>
              </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 -->

CSS::

Code:

ul, li{
      list-style: none;}

.mon_onglet {
float: left;
border:3px # solid;
color:#000;
font-size:12px;
    text-align:justify;
margin-right:5px;
margin-left:5px;}

.mon_onglet:hover {
color: #fff;}
           
.mon_onglet_selected {
float: left;
border:3px # solid;
color:#000;
font-size:12px;
    text-align:justify;
margin-right:5px;
margin-left:5px;}

.clear{
  clear: both;}

.mon_contenu{
background-color: transparent;
border:3px # solid;
font-size:12px;
    text-align:justify;}

#mes_contenus, #mes_onglets{
  width: 100%;margin-right:0px;}

.descriptiongroupe {
font-style:italic;
font-family:Georgia;
color:#ffffff;
    text-align:justify;
}

.cadreimage {border:1px solid yellow;}


[Lixyr]

Merci. ^^

(j'ai vu quelques petites fautes dans vos phrases. Je peux les corriger ?)

Donc, vos images pour les groupes, vous les voulez toutes sur une même ligne ?

Et le contenu de la cellule de droite, elle doit être positionnée comme quand on passe la souris sur le premier onglet, ou sur l'avant-dernier ?

[la_blonde2510]

De rien

Oui, j'aimerai avoir les onglets sur une même ligne.

Pour les phrases, ce ne sont pas des officiels, elles partiront vu que c'est un forum d'essai Mais si vous voulez allez -y ^^

Et oui, le contenue de la parti droite, j'aimerai que sa reste comme le premier onglet, ce qui concerne l'avant dernier je trouve sa trop grand

mici

[Lixyr]

En fait, la dernière fois, vous m'aviez dit d'avoir des cellules qui prennent chacune la moitié du tableau pour avoir quelque chose de symétrique. Je vous avais dit de mettre vos cellules à 50%, ce que vous avez fait mais pas dans les bonnes cellules. ^^

Vous avez mis vos cellules contenant la description de vos groupes en 50%, mais je parlais des grandes cellules de base, du tableau du qeel.

Sauf que là, si vous voulez garder vos onglets sur la même ligne, il faudra avoir la cellule contenant les onglets d'un pourcentage plus grand que 50, sinon le dernier onglet se mettra automatiquement en dessous, le forum a une largeur trop petite.

Voilà le template corrigé : (avec aussi les fautes de frappe corrigées )

Code:

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

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

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

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

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

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

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

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

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

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

            <!-- BEGIN disable_viewonline -->
            <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
              <tr>
            <td width="60%">

    <script src="http://www.archive-host.com/files/597546/96de005e35ffd2b9823d2b1d229d90d18341a601/onglets_2.js"></script><div id="mes_onglets">
    <ul>
    <li id="o_1" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_1" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li></li>

    <li id="o_2" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_2" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li>

    <li id="o_3" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_3" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li>

    <li id="o_4" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_4" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li>

    <li id="o_5" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_5" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li>

    <li id="o_6" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_6" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li>


    <div class="clear"><div id="mes_contenus">


    <div id="co_1" class="mon_contenu">

    <table width="100%">
    <tr>

    <td class="row1" height="100%">

        <div class="descriptiongroupe">" <font color=#816DC7 size="3">La description du groupe</font><br/> va bientôt arriver, patienter s'il vous plait." Exemple ^^</div>

    </td>
    </tr>

    </table>
    </div>



    <div id="co_2" class="mon_contenu" style="display: none;">
    <table width="100%"><tr><td class="row1" height="100%">
        <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^</div>
    </td></tr></table>
    </div>



    <div id="co_3" class="mon_contenu" style="display: none;">
    <table width="100%">
    <tr>
    <td class="row1" height="100%">    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^</div></td>
    </tr>
    </table>
    </div>

    <div id="co_4" class="mon_contenu" style="display: none;">
    <table width="100%">
    <tr>
    <td class="row1" height="100%">    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^ un peu plus long</div></td>
    </tr>
    </table>
    </div>

    <div id="co_5" class="mon_contenu" style="display: none;">
    <table width="100%">
    <tr>
    <td class="row1" height="100%">    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^ Qu'est ce que cela pourrait donner?!!</div></td>
    </tr>
    </table>
    </div>

    <div id="co_6" class="mon_contenu" style="display: none;">
    <table width="100%">
    <tr>
    <td class="row1" height="100%">    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^</div></td>
    </tr>
    </table>
    </div>

    </div></ul></div><hr><br /></td>

          <td rowspan="2" width="40%">    <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /><br>
    <span class="gensmall">            <span id="bert">{TOTAL_POSTS}
                </span>
                <script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/," Un nombre de");
                </script>
                <script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/messages/," lettres s'envolent à Dream heart");
                </script><br />
                          <span id="matt">{TOTAL_USERS}
                </span>
                <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"Dans la débauche,");
                </script>
                <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"marchent dans les rues");
                </script><br />
                          <span id="yosh">{NEWEST_USER}
                </span></center>
                <script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/," Notre nouveauté est");
                </script></span>
    <br>
    <br>
    <br/>
              <span class="gensmall"><span id="celine">{TOTAL_USERS_ONLINE}
                </span>
                <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Il y a en tout/," Les courageux se comptent au nombre de");
                </script>
                <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/utilisateur en ligne/," inconscient ");
                </script>
                <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/utilisateurs en ligne/,"inconscients");
                </script>
                  <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Enregistré/,"revenant");
                  </script>
                  <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Invisible et/,"fantôme et");
                  </script>
                  <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Invité/,"esprit");
                    </script><br />
              {RECORD_USERS}<br />
              <br />
    </td>
          </tr>
        </span></td>
            </tr>
            <tr>
            <td>
            <span id="logged"><span style="font-family:courier new;"><font color=#ffffff size="2"><i>{LOGGED_IN_USER_LIST}</i></font>
                          <script type="text/javascript">document.getElementById('logged').innerHTML=document.getElementById ('logged').innerHTML.replace(/Utilisateurs enregistrés :/,"En ce moment ");</script>
            </span> <font color=#ffffff size="2"><span style="font-family:courier new;"><i>se promène(nt) dans les rues.</i></font></span>
                  </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 --> 

[la_blonde2510]

Pardon pour les Grosses fautes ^^' *boulet*

Merci ♥

J'ai encore plein de questions mais sa risque d'être énorme et vous allez en avoir marre de me répondre à force ^^' sa parle juste d'un scrollbar pour la partie gauche, pour les membres si un jours ils sont nombreux.

Et voila, je pense... (en faite j'ai pas de question pour le moment mais un jour sa viendra...)

[Lixyr]

Ben je suis là pour ça, donc posez vos questions, ça ne me dérange pas.

Ben pour les membres connectés, on peut mettre une scroll-barre :

<tr>
<td height="55" style="display: block;overflow:hidden;overflow-x: hidden;overflow-y: auto;">
<span id="logged"><span style="font-family:courier new;"><font color=#ffffff size="2"><i>{LOGGED_IN_USER_LIST}</i></font>
<script

en rajoutant une hauteur définie à votre cellule, ainsi qu'une scroll-barre cachée qui n'apparaitra que quand ce sera nécessaire.
Vous pouvez donc changer la valeur 55 par celle qui vous convient.

[la_blonde2510]

Merci beaucoup.

Question:

Opacité pour les onglets, comment fait-on?

(En faite j'aimerai un QEEL très jolie et j'aimerai aussi une belle écriture, et une image de fond? comment on fait?)

[Lixyr]

Mdr. Pour avoir un QEEL très joli, il faut beaucoup d'imagination, de la patience, et des beaux codes. ^^

Pour que les onglets soient opaques, il suffit de rajouter ce code :

.mon_onglet {
float: left;
border:3px # solid;
color:#000;
font-size:12px;
text-align:justify;
margin-right:5px;
margin-left:5px;

filter:alpha(opacity=95);
-moz-opacity:0.95;
-khtml-opacity:0.95;
opacity: 0.95;
}

vous pouvez avoir un rendu encore plus opaque si vous modifiez les valeurs par des valeurs inférieures.

95 => valeur ronde : ça va de 0 à 100
0.95 => on ne change que la partie décimale : ça va de 0 à 1

100 et 1 étant la valeur qui ne laisse aucune transparence.
et 0 qui ne laisse plus rien voir du tout. x)

Si vous voulez que cet effet reste même au passage de la souris, il faudra le rajouter dans :

Code:


    .mon_onglet:hover {
    color: #fff;}

[la_blonde2510]

Ou je me suis trompé, ou il y à rien qui change :s

EDIT;; j'ai rien dit ! j'ai changer le 95 en 70 et 0.95 en 0.7 x)

comment on met une image de fond? j'aimerai mettre celle-ci

Code:

http://i.imgur.com/IWTur.png

[Lixyr]

Si tu veux une image de fond sur tout ton qeel, c'est dans la balise table de départ du QEEL :

Code:

<table style="background-image:url(http://i.imgur.com/IWTur.png);background-repeat:repeat;" ...>

ne te trompe pas de table. Je vais voir si tu as compris cette histoire de table et de cellule générale, maintenant. ^^

[la_blonde2510]

héhé j'ai réussi ^^

<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" table style="background-image:url(https://i.imgur.com/IWTur.png);background-repeat:repeat;">
<tr>

Hum... par contre, la grandeur de mon QEEL est grande... normal? En faite, la ou il y à les onglets, j'aimerai que la partie de la description s'arrête à la limite de l'onglet, pas après :s

[Lixyr]

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" table style="background-image:url(https://i.imgur.com/IWTur.png);background-repeat:repeat;">
<tr>

Presque réussi ! xD Tu as un table en trop en plein milieu du code. ^^

[la_blonde2510]

corrigé ^^


Tu sais pourquoi ma description est devenue plus grande?



En faite, ce qu'il y à dans le cadre rouge j'aimerai que sa disparaisse, ensuite, tout l'écriture du coté droit, j'aimerai qu'il soit plus proche (ou il y à la ligne pointillé) et rétrécir le tout car mon forum est à 60% mais j'ai l'impression qu'il est plus grand :s)

merci

[Lixyr]

Ah oui, bizarre, ça ne faisait pas ça chez moi.

Tu as modifié quoi à part la largeur de tes cellules générales ?

Dans les tableaux de tes contenus d'onglet, tu as mis quoi ?
Mets bien des valeurs en pourcentage, c'est mieux. Et dans tes cellules de contenu d'onglet, tu as changé quelque chose ?

Retire les width si tu en as. Et si ça ne marche pas, envoie-moi ton contenu du QEEL.

[la_blonde2510]

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 class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="background-image:url(http://i.imgur.com/IWTur.png);background-repeat:repeat;">
              <tr>
            <td width="60%">

    <script src="http://www.archive-host.com/files/597546/96de005e35ffd2b9823d2b1d229d90d18341a601/onglets_2.js"></script><div id="mes_onglets">
    <ul>
    <li id="o_1" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_1" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.suborbus.com/fr/_Media/suborbus-onglet-itineraire.jpeg" class="cadreimage" /></li></li>

    <li id="o_2" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_2" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.suborbus.com/fr/_Media/suborbus-onglet-itineraire.jpeg" class="cadreimage" /></li>

    <li id="o_3" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_3" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.suborbus.com/fr/_Media/suborbus-onglet-itineraire.jpeg" class="cadreimage" /></li>

    <li id="o_4" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_4" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li>

    <li id="o_5" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_5" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li>

    <li id="o_6" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_6" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li>


    <div class="clear"><div id="mes_contenus">


    <div id="co_1" class="mon_contenu">

    <table width="100%">
    <tr>

    <td class="row1" height="100%">

        <div class="descriptiongroupe">" <font color=#816DC7 size="3">La description du groupe</font><br/> va bientôt arriver, patienter s'il vous plait." Exemple ^^</div>

    </td>
    </tr>

    </table>
    </div>



    <div id="co_2" class="mon_contenu" style="display: none;">
    <table width="100%"><tr><td class="row1" height="100%">
        <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^</div>
    </td></tr></table>
    </div>



    <div id="co_3" class="mon_contenu" style="display: none;">
    <table width="100%">
    <tr>
    <td class="row1" height="100%">    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^</div></td>
    </tr>
    </table>
    </div>

    <div id="co_4" class="mon_contenu" style="display: none;">
    <table width="100%">
    <tr>
    <td class="row1" height="100%">    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^ un peu plus long</div></td>
    </tr>
    </table>
    </div>

    <div id="co_5" class="mon_contenu" style="display: none;">
    <table width="100%">
    <tr>
    <td class="row1" height="100%">    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^ Qu'est ce que cela pourrait donner?!!</div></td>
    </tr>
    </table>
    </div>

    <div id="co_6" class="mon_contenu" style="display: none;">
    <table width="100%">
    <tr>
    <td class="row1" height="100%">    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^</div></td>
    </tr>
    </table>
    </div>

    </div></ul></div><hr><br /></td>

          <td rowspan="2" width="40%">    <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /><br>
    <span class="gensmall">            <span id="bert">{TOTAL_POSTS}
                </span>
                <script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/," Un nombre de");
                </script>
                <script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/messages/," lettres s'envolent à Dream heart");
                </script><br />
                          <span id="matt">{TOTAL_USERS}
                </span>
                <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"Dans la débauche,");
                </script>
                <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"marchent dans les rues");
                </script><br />
                          <span id="yosh">{NEWEST_USER}
                </span></center>
                <script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/," Notre nouveauté est");
                </script></span>
    <br>
    <br>
    <br/>
              <span class="gensmall"><span id="celine">{TOTAL_USERS_ONLINE}
                </span>
                <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Il y a en tout/," Les courageux se comptent au nombre de");
                </script>
                <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/utilisateur en ligne/," inconscient ");
                </script>
                <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/utilisateurs en ligne/,"inconscients");
                </script>
                  <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Enregistré/,"revenant");
                  </script>
                  <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Invisible et/,"fantôme et");
                  </script>
                  <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Invité/,"esprit");
                    </script><br />
              {RECORD_USERS}<br />
              <br />
    </td>
          </tr>
        </span></td>
            </tr>
            <tr>
            <td height="75" style="display: block;overflow:hidden;overflow-x: hidden;overflow-y: auto;">
            <span id="logged"><span style="font-family:courier new;"><font color=#ffffff size="2"><i>{LOGGED_IN_USER_LIST}</i></font>
                          <script type="text/javascript">document.getElementById('logged').innerHTML=document.getElementById ('logged').innerHTML.replace(/Utilisateurs enregistrés :/,"En ce moment ");</script>
            </span> <font color=#ffffff size="2"><span style="font-family:courier new;"><i>se promène(nt) dans les rues.</i></font></span>
                  </td>
              </tr>
            </table>
            <!-- END disable_viewonline -->
    {CHATBOX_BOTTOM}
    <br clear="all" />
    <!-- BEGIN switch_legend -->
    <table border="0" cellspacing="3" cellpadding="0" align="center">
      <tr>
          <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
          <td><span class="gensmall">{L_NEW_POSTS}</span></td>
          <td></td>
          <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
          <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
          <td>  </td>
          <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
          <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
      </tr>
    </table>
    <!-- END switch_legend -->

    {AUTO_DST}

    <!-- BEGIN switch_fb_index_login -->
    <div id="fb-root"></div>
    <script type="text/javascript">
    //<![CDATA[
    FB.init({
      appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
        status: true,
        cookie: true,
        xfbml: true
    });
    //]]>
    </script>
    <!-- END switch_fb_index_login --> 

Ce sera plus facile car je n'ai rien changer, enfin je pense... :s

[Lixyr]

J'ai enlevé les width des tableaux des contenus des onglets, et j'ai remis tes cellules générales à 50% chacune, comme tu as modifié tes images, ça tiendra.

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 -->
               
<a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
                <!-- END switch_delete_cookies -->
                </span>
              </td>
              <td width="50%" align="right">
                <span class="gensmall">
                    <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a>

                    <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a>

                    <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
                    <!-- BEGIN switch_on_index -->
                      <!-- BEGIN switch_delete_cookies -->
                     
<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
                      <!-- END switch_delete_cookies -->
                    <!-- END switch_on_index -->
                </span>
              </td>
          </tr>
        </table>

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

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

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

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

                <!-- BEGIN disable_viewonline -->
                <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="background-image:url(http://i.imgur.com/IWTur.png);background-repeat:repeat;">
                  <tr>
                <td width="50%">

        <script src="http://www.archive-host.com/files/597546/96de005e35ffd2b9823d2b1d229d90d18341a601/onglets_2.js"></script><div id="mes_onglets">
        <ul>
        <li id="o_1" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_1" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.suborbus.com/fr/_Media/suborbus-onglet-itineraire.jpeg" class="cadreimage" /></li></li>

        <li id="o_2" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_2" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.suborbus.com/fr/_Media/suborbus-onglet-itineraire.jpeg" class="cadreimage" /></li>

        <li id="o_3" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_3" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.suborbus.com/fr/_Media/suborbus-onglet-itineraire.jpeg" class="cadreimage" /></li>

        <li id="o_4" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_4" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li>

        <li id="o_5" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_5" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li>

        <li id="o_6" class="mon_onglet" onmouseover="changeOnglet(this);"><li id="o_6" class="mon_onglet_selected" onmouseover="changeOnglet(this);"><img src="http://www.mrsoul.org/cv/icone_firefox.gif" class="cadreimage" /></li>


        <div class="clear"><div id="mes_contenus">


        <div id="co_1" class="mon_contenu">

        <table>
        <tr>

        <td class="row1" height="100%">

            <div class="descriptiongroupe">" <font color=#816DC7 size="3">La description du groupe</font><br/> va bientôt arriver, patienter s'il vous plait." Exemple ^^</div>

        </td>
        </tr>

        </table>
        </div>



        <div id="co_2" class="mon_contenu" style="display: none;">
        <table><tr><td class="row1" height="100%">
            <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^</div>
        </td></tr></table>
        </div>



        <div id="co_3" class="mon_contenu" style="display: none;">
        <table>
        <tr>
        <td class="row1" height="100%">    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^</div></td>
        </tr>
        </table>
        </div>

        <div id="co_4" class="mon_contenu" style="display: none;">
        <table>
        <tr>
        <td class="row1" height="100%">    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^ un peu plus long</div></td>
        </tr>
        </table>
        </div>

        <div id="co_5" class="mon_contenu" style="display: none;">
        <table>
        <tr>
        <td class="row1" height="100%">    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^ Qu'est ce que cela pourrait donner?!!</div></td>
        </tr>
        </table>
        </div>

        <div id="co_6" class="mon_contenu" style="display: none;">
        <table>
        <tr>
        <td class="row1" height="100%">    <div class="descriptiongroupe">" La description du groupe va bientôt arriver, patienter s'il vous plait." Exemple ^^</div></td>
        </tr>
        </table>
        </div>

        </div></ul></div><hr>
</td>

              <td rowspan="2" width="50%">   

<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /><br>
        <span class="gensmall">            <span id="bert">{TOTAL_POSTS}
                    </span>
                    <script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/," Un nombre de");
                    </script>
                    <script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/messages/," lettres s'envolent à Dream heart");
                    </script>

                              <span id="matt">{TOTAL_USERS}
                    </span>
                    <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"Dans la débauche,");
                    </script>
                    <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"marchent dans les rues");
                    </script>

                              <span id="yosh">{NEWEST_USER}
                    </span></center>
                    <script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/," Notre nouveauté est");
                    </script></span>
        <br>
        <br>
        <br/>
                  <span class="gensmall"><span id="celine">{TOTAL_USERS_ONLINE}
                    </span>
                    <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Il y a en tout/," Les courageux se comptent au nombre de");
                    </script>
                    <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/utilisateur en ligne/," inconscient ");
                    </script>
                    <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/utilisateurs en ligne/,"inconscients");
                    </script>
                      <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Enregistré/,"revenant");
                      </script>
                      <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Invisible et/,"fantôme et");
                      </script>
                      <script type="text/javascript">document.getElementById('celine').innerHTML=document.getElementById('celine').innerHTML.replace(/Invité/,"esprit");
                        </script>

                  {RECORD_USERS}

                 

        </td>
              </tr>
            </span></td>
                </tr>
                <tr>
                <td height="75" style="display: block;overflow:hidden;overflow-x: hidden;overflow-y: auto;">
                <span id="logged"><span style="font-family:courier new;"><font color=#ffffff size="2"><i>{LOGGED_IN_USER_LIST}</i></font>
                              <script type="text/javascript">document.getElementById('logged').innerHTML=document.getElementById ('logged').innerHTML.replace(/Utilisateurs enregistrés :/,"En ce moment ");</script>
                </span> <font color=#ffffff size="2"><span style="font-family:courier new;"><i>se promène(nt) dans les rues.</i></font></span>
                      </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 --> 

Par contre, juste un conseil : tu devrais réduire la largeur de ta barre de séparation :

Code:

<hr>

[la_blonde2510]

Ah d'accord :s

Je ne vois pas comment le faire :s

Et ... sa marche pas, c'est pas possible, je cloche quelque part... regarde le deuxième onglet, j'ai fait exprès de mettre un grand texte et sa déforme tout... tu penses que c'est à cause qu'il n'y aille aucune barre de séparation? Ou alors je devrais noter mes mots et faire enter à chaque fois pour ne pas me retrouver avec une déformation énorme comme celle la...

[Lixyr]

Non non, tu peux donner une largeur définie pour chaque contenu, et si jamais ta phrase est trop grande ça ira à la ligne tout seul.
Tu mets dans chaque table de ton contenu, par exemple :

Code:

style="width:150px;"

et tu changes la valeur selon ce que tu veux. Parce que 150, c'est vraiment tout petit ! xD