Problème entre deux tableaux à onglets.

[nyly*]

Bonjour,

Alors voilà hier, Macema m'a fait un super tableau en onglet dans un superbe qeel.
Le problème c'est que j'ai aussi un tableau en onglet dans ma PA, et même si les codes ne sont pas les mêmes, ainsi que les noms, le tableau de ma page d'accueil ne veut plus fonctionner.

Quelqu'un pourrait me dire pourquoi?
Je ne veux pas choisir entre un des deux, je voudrais pouvoir avoir les deux sur mon forum.

Merci.

[Lixyr]

Bonjour.

Pour vous aider, pourriez vous nous donner l'intégralité des deux codes s'il vous plait ? (code / template / pa + css)

Cordialement.

[nyly*]

Bien sûr,

Voici mon template 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 -->
        <table cellspacing="10" width="100%">
          <tr>
              <td colspan="2" align="center">
                <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" />
              </td>
          </tr>
          <tr>
              <td width="40%" class="stats1" valign="top">
                <span class="gensmall">
                <span id="kumao">{TOTAL_POSTS}</span>. <script type="text/javascript">document.getElementById('kumao').innerHTML=document.getElementById('kumao').innerHTML.replace(/membre/,"académicien");</script>
                <span id="kumio">{TOTAL_USERS}</span>. <script type="text/javascript">document.getElementById('kumio').innerHTML=document.getElementById('kumio').innerHTML.replace(/membre/,"académiciens");</script>
                <span id="yosh" style="font-family: serif bold sc;">{NEWEST_USER}</font></span>. <script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur/,"L'académicien");</script>
                <br><br>
                    <span id="delf">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne/,"personne qui traine incognito autour de l'académie et en ville.").replace(/utilisateurs en ligne/,"personnes qui trainent autour de l'académie et en ville.").replace(/Enregistré(s?)/,"académicien$1 se baladant entre les murs de la Cross Académie et cherchant des amis.").replace(/Invisible(s?) et/,"petit$1 coquin$1 ne voulant pas se montrer,").replace(/Invité(s?)/,"petit$1 chouchou$1 se demandant comment nous rejoindre sur AC RPG.");</script>
        <br />
                {RECORD_USERS}<br />
<!-- BEGIN switch_chatbox_activate -->
                {TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}
                <!-- BEGIN switch_chatbox_popup -->
                <span id="chatbox_popup"></span>
                <script type="text/javascript">
                //<![CDATA[
                insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
                //]]>
                </script>  <br>  <br>
                {LOGGED_IN_USER_LIST}
                <br>
               
                <!-- END switch_chatbox_popup -->
                <!-- END switch_chatbox_activate -->
                </span>
                <div class="connect24">
                <table width="100%" valign="top">{L_CONNECTED_MEMBERS}
                </table>
                </div>
              </td>
              <td width="60%" valign="top" class="stats2">
                <div class="connectnow">
                <span class="gensmall">{LOGGED_IN_USER_LIST}</span>
                </div>
                <table width="100%" class="groupdes" valign="top">
                    <tr>
                      <td>
                          <DIV id=descripgroupes>
                          <DIV style="DISPLAY: none" id=cg_1 class=descripgroupe>
<table>
<tr>
<td><img src="http://i49.servimg.com/u/f49/15/49/49/31/g110.png" /></td><td><center><b><u><color=#527F76><font=ArialBlack><size=18>DAY CLASS</size></font></color></u></b></center>
<justify>Les élèves de la Day Class sont ceux qui étudient le jour. Ils sont pour la plupart des êtres humains normaux, à l'exception de quelques uns qui connaissent l'existence des vampires.</justify> </td>
</tr>
</table>
                          </DIV>
                          <DIV style="DISPLAY: none" id=cg_2 class=descripgroupe>
                          <table>
<tr>
<td><img src="http://i49.servimg.com/u/f49/15/49/49/31/g210.png" /></td><td><center><b><u><color=#527F76><font=ArialBlack><size=18>NIGHT CLASS</size></font></color></u></b></center>
<justify>Ils ne sont pas comme nous, ils nous épient, ils nous désirent. Ces élèves là sont des vampires cachés aux yeux de tous, peut-être pour cela qu'ils font cours la nuit.</justify> </td>
</tr>
</table>
                          </DIV>
                          <DIV style="DISPLAY: none" id=cg_3 class=descripgroupe>
                          <table>
<tr>
<td><img src="http://i49.servimg.com/u/f49/15/49/49/31/g310.png" /></td><td><center><b><u><color=#527F76><font=ArialBlack><size=18>SANGS PURS</size></font></color></u></b></center>
<justify>On ne les compte que sur les doigts de la main, ils sont des êtres aimés de tous et règnent sur le monde vampire.</justify> </td>
</tr>
</table>
                          </DIV>
                          <DIV style="DISPLAY: none" id=cg_4 class=descripgroupe>
                          <table>
<tr>
<td><img src="http://i49.servimg.com/u/f49/15/49/49/31/g410.png" /></td><td><center><b><u><color=#527F76><font=ArialBlack><size=18>HUMAINS</size></font></color></u></b></center>
<justify>Les êtres humains extérieurs à l'école, ignorant l’existence des vampires, ils font leur vie tranquillement. </justify> </td>
</tr>
</table>
                          </DIV>
                          <DIV style="DISPLAY: none" id=cg_5 class=descripgroupe>
                          <table>
<tr>
<td><img src="http://i49.servimg.com/u/f49/15/49/49/31/g510.png" /></td><td><center><b><u><color=#527F76><font=ArialBlack><size=18>VAMPIRES</size></font></color></u></b></center>
<justify>Leur Level parle de leur souffrance et de leur stade d'évolution. Ils sont extérieurs à l'académie et ne résistent pas toujours à leurs pulsions.</justify> </td>
</tr>
</table>
                          </DIV>
                          <DIV style="DISPLAY: none" id=cg_6 class=descripgroupe>
                          <table>
<tr>
<td><img src="http://i49.servimg.com/u/f49/15/49/49/31/g610.png" /></td><td><center><b><u><color=#527F76><font=ArialBlack><size=18>HUNTERS</size></font></color></u></b></center>
<justify>Nés pour être entrainés dès leur plus jeune âge, ils combattent de jour en jour vampires et autres bêtes venues pour attaquer les humains.</justify> </td>
</tr>
</table>
                          </DIV>
                          <DIV style="DISPLAY: none" id=cg_7 class=descripgroupe>
                          <table>
<tr>
<td><img src="http://i49.servimg.com/u/f49/15/49/49/31/g710.png" /></td><td><center><b><u><color=#527F76><font=ArialBlack><size=18>PERSONNEL</size></font></color></u></b></center>
<justify>Eleves ou non, ils assurent le bien être et l'état des lieux à l'académie. Ils connaissent chaque recoin de l'école et en font un lieu agréable pour les élèves.</justify> </td>
</tr>
</table>
                          </DIV>
                          <DIV style="DISPLAY: none" id=cg_8 class=descripgroupe>
                          <table>
<tr>
<td><img src="http://i49.servimg.com/u/f49/15/49/49/31/g810.png" /></td><td><center><b><u><color=#527F76><font=ArialBlack><size=18>PROFESSEURS</size></font></color></u></b></center>
<justify>Ils sont les adultes et doivent montrer le bon exemple. Ils sont là pour éviter tout débordement des classes et pour leur apprendre un minimum de choses.</justify> </td>
</tr>
</table>
                          </DIV>
        </div>
                      </td>
                    </tr>
                </table>
              </td>
          </tr>
          <tr>
              <td colspan="2" class="groupe" valign="top">
        <SCRIPT type=text/javascript>
        function changeOnglet(_this){
          var getOnglets = document.getElementById('mesgroupes').getElementsByTagName('li');
          for(var i = 0; i < getOnglets.length; i++){
              if(getOnglets[i].id){
                if(getOnglets[i].id == _this.id){
                    getOnglets[i].className = 'mongroupe_selected';
                    document.getElementById('c' + _this.id).style.display = 'block';
                }
                else{
                    getOnglets[i].className = 'mongroupe';
                    document.getElementById('c' + getOnglets[i].id).style.display = 'none';
                }
              }
          }
        }
        </SCRIPT>
                      <center><DIV id=group>
                          <DIV id=mesgroupes>
                          <UL>
                              <table width="100%" cellspacing="5"><tr>
                      <td><LI id=g_1 class=mongroupe onmouseover=changeOnglet(this);><font color="#527F76">Day Class</font></LI></td>
                            <td><LI id=g_2 class=mongroupe onmouseover=changeOnglet(this);><font color="#2F4F4F">Night Class</font></LI></td>
                            <td><LI id=g_3 class=mongroupe onmouseover=changeOnglet(this);><font color="#94537E">Sang-Purs</font></LI></td>
                            <td><LI id=g_4 class=mongroupe onmouseover=changeOnglet(this);><font color="#D6D69C">Humains</font></LI></td>
                            <td><LI id=g_5 class=mongroupe onmouseover=changeOnglet(this);><font color="#C9C904">Vampires</font></LI></td>
                            <td><LI id=g_6 class=mongroupe onmouseover=changeOnglet(this);><font color="#E3E37D">Hunters</font></LI></td>
                            <td><LI id=g_7 class=mongroupe onmouseover=changeOnglet(this);><font color="#BA4700">Personnel</font></LI></td>
                            <td><LI id=g_8 class=mongroupe onmouseover=changeOnglet(this);><font color="#E37632">Professeurs</font></LI></td>
                              </tr></table>
                    </UL>
                    </DIV>
                    </div></center>
              </td>
          </tr>
        </table>
        <!-- END disable_viewonline -->

        {CHATBOX_BOTTOM}
        <br clear="all" />
        <!-- BEGIN switch_legend -->
        <table border="0" cellspacing="3" cellpadding="0" align="center">
          <tr>
              <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
              <td><span class="gensmall">{L_NEW_POSTS}</span></td>
              <td></td>
              <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
              <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
              <td>  </td>
              <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
              <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
          </tr>
        </table>
        <!-- END switch_legend -->

        {AUTO_DST}

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

Voici le code de ma PA:

Code:

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


<script src="http://sd-2.archive-host.com/membres/up/86411517957321821/onglet.js"></script><div id="mes_onglets">
    <ul><li id="o_1" class="mon_onglet_selected" onmouseover="changeOnglet(this);">Description</li>
<li id="o_2" class="mon_onglet" onmouseover="changeOnglet(this);">RPG Land</li>
        <li id="o_3" class="mon_onglet" onmouseover="changeOnglet(this);">Actualité</li>
        <li id="o_4" class="mon_onglet" onmouseover="changeOnglet(this);">Staff & Crédits</li>
        <li id="o_5" class="mon_onglet" onmouseover="changeOnglet(this);">Top Affiliates & votes</li>
        <div class="clear"><div id="mes_contenus">
    <div id="co_1" class="mon_contenu">Contenu onglet 1</div>
    <div id="co_2" class="mon_contenu" style="display: none;">Contenu onglet 2</div><div id="co_3" class="mon_contenu" style="display: none;">Contenu onglet 3</div>
    <div id="co_4" class="mon_contenu" style="display: none;">Contenu onglet 4</div>
    <div id="co_5" class="mon_contenu" style="display: none;">Contenu onglet 5</div>

Et mon CSS:

Code:

body {
margin : 0px;


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

}

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

}


a:link {color: #196f73 ;}
a:visited {color: #cf879a;}
a:hover { font-weight:bold ; font-size: 11px; color: #cf879a; letter-spacing: 1px; text-shadow: white 1px 1px 1px ; }


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

}


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


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


/*Barre de Navig*/

.mainmenu{
    font-size : 12px;
    color : #196f73;
        }

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

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



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


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



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

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


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

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


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

/*fond*/

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

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

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

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

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


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



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


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


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

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

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

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

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

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

a { text-decoration: none; }

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



/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: auto;
      padding: 10px;
      color: #544E4E;
      width: 90%;
height: 30px;
overflow: auto;
      background-color: #F3F3F0;
      border: 1px dashed #E8E2DE;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      font-size: 10px;
}

/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
      -moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
      border-bottom: 0 none !important;
      border-left: 3px solid white;
      border-right: 3px solid dimgray;
      border-top: 1px solid white;
      color: black;
      background-color: none;
      font-size: 10px;
      font-style: italic;
      height: 14px;
      left: 250px;
      padding: 3px;
      position: relative;
      text-align: center;
      width: 230px;
}

/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
      color: #544E4E;
      background-color: none;
      border: 1px solid dimgray;
      border-top: 0px !important;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
      border-bottom-right-radius: 14px;
      border-bottom-left-radius: 14px;
      margin: auto;
      padding: 4px;
      color: #000000;
      width: 50%;

      text-align: center;
      min-height: 14px;
      font-size: 10px;
}

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


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

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


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

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


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


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


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

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





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

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

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


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

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




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

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



}


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


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

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


/******QEEL********/


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

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

/*partie des stats*/
.stats1 {
border-top : 5px solid #196f73;
border-bottom : 2px solid #d74d71;
border-left : 2px solid #d74d71;
border-right : 2px solid #d74d71;
-moz-border-radius: 15px;
background-image:url('http://i49.servimg.com/u/f49/15/49/49/31/fond_r10.png');
text-align: justify;
}

/*cadre avec connectés*/
.stats2 {
border-top : 5px solid #196f73;
border-bottom : 2px solid #d74d71;
border-left : 2px solid #d74d71;
border-right : 2px solid #d74d71;
-moz-border-radius: 15px;
background-image:url('http://i49.servimg.com/u/f49/15/49/49/31/fond_r10.png');
text-align: justify;
}

/*partie description de groupes*/
.groupdes {
border-top :  2px solid #d74d71;
border-bottom : 2px solid #d74d71;
border-left : 2px solid #d74d71;
border-right : 2px solid #d74d71;
-moz-border-radius: 15px;
background-color:white;
}
.descripgroupe {
height : 120px;
}

/*partie des groupes*/
.groupe {
font-family:arial black;
  font-size: 15px;
 text-shadow: 1px 1px 1px black;

border-top : 5px solid #196f73;
border-bottom : 2px solid #d74d71;
border-left : 2px solid #d74d71;
border-right : 2px solid #d74d71;
-moz-border-radius: 15px;
background-image:url('http://i49.servimg.com/u/f49/15/49/49/31/fond_r10.png');
}

[Lixyr]

Okay, donc j'ai regardé. Le problème reste que le javascript reste relativement le même. Même si les classes ne sont pas les mêmes, les id utilisées, elles, le sont. D'où le problème.

Donc je regarde vite fait si je peux modifier quelque chose pour que les deux marchent, mais je vous conseille de rechercher un autre code en attendant, pour vos onglets. Sur ce forums il y en a plusieurs, qui peuvent marcher en même temps puisqu'entièrement différents. Je vous tiens au courant.

[nyly*]

D'accord merci beaucoup

[Lixyr]

Vous avez trouvé un deuxième code ? Car je n'ai pas réussi à modifier le deuxième.

[nyly*]

Non pas encore.

J'aimerais bien faire un accordéon, j'ai trouvé un "tuto" mais il est en anglais et je ne comprend rien xD

[Lixyr]

Alors dans ce cas-là, il faut changer de topique (mettre celui-là en résolu), et ouvrir un nouveau sujet en demandant de l'aide pour le tuto en anglais en accordéon.

[nyly*]

D'accord ^^
Merci beaucoup
Je met en résolu