Onglets sur la droite qui ne s'affichent pas

[kuroi namida]

Bonjour, bonsoir,

Je suis vraiment désolée de vous déranger , mais c’est la dernière alternative que j’ai trouvé…
En effet, j’ai trouvé ce sujet, et vu que je n’y connais pas grand-chose, j’m’en suis inspirée :

https://forum.forumactif.com/t310548-categories-en-onglets-onglets-sur-la-droite#2711769

Le problème, c’est que ça déforme tout l’intérieur des catégories et qu’en plus ça n’affiche pas les onglets sur la droite…

http://prdzctyproof.bb-fr.com/

Comment faire ? Pouvez-vous m’expliquer ?

Je remercie de tout cœur celui ou celle qui pourra me venir en aide.

Kuroi Namida

[Lixyr]

Bonjour.

Pour vous aider il me faudrait votre template modifié, s'il vous plait, ainsi que le code css. Il faudrait aussi que je sache quel code vous avez utilisé (si c'est le même) dans votre PA. Normalement non, mais on ne sait jamais...

Cordialement.

[kuroi namida]

Bonsoir,

Merci beaucoup de votre réponse, voila tout ce qui est demandé :

le template modifié : ...


Merci de votre aide,

Kuroi Namida

[Lixyr]

Alors, j'ai réussi à faire fonctionner les onglets. En fait, ils marchaient, le problème venait des images en bas et en haut du tableau. Comme tout est codé directement dans le code java, on ne peut pas mettre d'image comme ça, au dessus du tableau, sinon les images apparaitront automatiquement au dessus de chaque catégories, c'est à dire que dans chaque onglet, la catégorie prendra sa place, mais les images qui se trouvent en haut et en bas des catégories seront affichés même pour les catégories qu'on ne voit pas, puisque activées uniquement avec leur propre onglet, j'ai tout de même réussi à mettre l'image du haut de sorte que ça s'affiche uniquement au dessus de la catégories affichée, et non pas au dessus de toute les catégories, même celles cachées (puisque quand on active un onglet, ça affiche la catégorie correspondante, et les autres sont en fait cachées : pas affichées.

Donc voilà pour le template :

Code:

          <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
        <tr>
        <td valign="bottom">
       
        <!-- BEGIN switch_user_logged_in -->
       
        <span class="gensmall">{LAST_VISIT_DATE} {CURRENT_TIME}
        </span>
       
        <!-- END switch_user_logged_in -->
       
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}
        </div>
        </td>
        <td class="gensmall" align="right" valign="bottom">
       
        <!-- BEGIN switch_user_logged_in -->
       
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>
        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
       
        <!-- END switch_user_logged_in -->

</td>
</tr>
</table>
 
       
        <!-- DEBUT MODIF ONGLETS -->
       

 <script type="text/javascript">
    <!--
 
    document.write('<div align="center" id="onglets">
 
        <ul class="onglets">
       
        <li onMouseOver="change_cat(1);" class="onglet_actif" id="onglet_1"><h2 class="active">Accueil &amp;amp;amp; Bienvenue  </h2></li>
        <li onMouseOver="change_cat(2);" class="onglet_nactif" id="onglet_2">coin admin</li>
        <li onMouseOver="change_cat(3);" class="onglet_nactif" id="onglet_3">catégorie test</li>
        <li onMouseOver="change_cat(4);" class="onglet_nactif" id="onglet_4">caté 2</li>
       
       
       
        </ul>
        </div> ');
       
var compteur_cat = 1;
 
    function change_cat(numero)
    {
      if(document.getElementById('categorie_'+numero))
      {
          /* affichage de la bonne categorie */
          $('table[id^=categorie_]').css('display','none');
          $('table[id=categorie_'+numero+']').fadeIn();
       
          /* affichage du bon onglet */
          $('.actif').removeClass("actif");
          $('.onglet[id=onglet_'+numero+']').addClass("actif");
      }
    }
 
    function capture_cat()
    {
      if(compteur_cat == 1)
      {
          document.write('<img src="http://www.netimago.com/images/sm5dHV641GFJycw.png" height="170" width="850" /><table class="forumline" id="categorie_' + compteur_cat + '" >');
      }
      else
      {
          $('#onglets').css("display","block");
          document.write('<table class="forumline" id="categorie_' + compteur_cat + '" style="display:none;">');
      }
   
      compteur_cat++;
    }
 
    //-->
    </script>
 
       

        <!-- BEGIN catrow -->
       
        <!-- BEGIN tablehead -->


        <script type="text/javascript">
        <!--
        capture_cat();
        //-->
        </script>
       
        <!-- FIN MODIF ONGLETS -->



  <tr>
    <td colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">
    <div class="logo-titre"></div>
    <div class="titre-cat">{catrow.tablehead.L_FORUM}</div>
 
    </td>
                </tr>
                <!-- END tablehead -->
                <!-- BEGIN cathead -->
 
 
<tr>
 
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
 
</span>
</h{catrow.forumrow.LEVEL}>
 
<span class="genmed">{catrow.forumrow.FORUM_DESC}
</div><div class="forum-stats">{catrow.forumrow.POSTS} dossiers et {catrow.forumrow.TOPICS} feuilles volantes</div>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
 
</span>
</td>
<!-- BEGIN forum_link_no -->
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall"><div class="derniers_messages">{catrow.forumrow.LAST_POST}</div></span>
</td>
 
<!-- END forum_link_no -->
<!-- BEGIN forum_link -->
<td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
<!-- END forum_link -->
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table>

<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

et pour le css :

Code:

        /* PA/*
        div.infobulle {
          position: relative;
          float: left;}
       
        div.infobulle span {
          display: none;}
       
        div.infobulle:hover {
          background: none; /* correction d un bug IE */
          z-index: 999;}
       
        div.infobulle:hover span {
        color: #FBC169;
        -moz-border-radius: 50px;
        text-align: center;
        text-shadow: #ffffff 1px 1px 1px;
        width: 210px;
        background: #422342;
        border: 3px solid #E26C11;
        display: inline;
        position: absolute;
        top: 100px;
        left: 50px;
        padding: 10px;
        -moz-box-shadow: 2px 3px 3px black;
        }
       
       
        ul, li{
          list-style: none;}
       
        .mon_onglet{
          padding: 10px ;
          color: #ffffff;
        text-shadow: 1px 1px 3px black;
          background: #E26C11;
        -moz-border-radius:  10% 10% 0% 0%;
          cursor: pointer;
        }
       
       
       
        .mon_onglet_selected{
        -moz-box-shadow:inset 2px 3px 3px black;
          padding: 10px ;
          color: #3b1f05;
        -moz-border-radius: 10% 10% 0% 0% ;
          background: #F2D57E;
          cursor: pointer;}     
       
       
        .mon_contenu{
        margin-top: -70px;
        font-size: 11px;
        width: 650px;
        height: 220px;
        background: #F2D57E;
        -moz-box-shadow:inset 2px 3px 3px black;
        border: 5px solid #E26C11 ;
        padding: 20px;
          color: #5466B0;;
        -moz-border-radius: 50px;
        line-height: 18px;
        }
       
        .imagepa { border: solid 5px #FFffff;
        -moz-border-radius: 10px;
        margin-left: -5px;}
       
        .imagepa:hover {border: solid 5px #E26C11;
        -moz-border-radius: 10px;
        margin-left: 10px;
        opacity: 0.7; }
       
       
        #menu ul li a,
        .menu ul li a:visited {display:block;  -moz-border-radius: 10% 10% 10% 10% ;  color: #FFffff;; width:150px; height:20px; text-align:center; background:#E26C11;  font-size:12px; padding: 3px;} /* NORMAL */
       
        #menu ul { padding: 10px;  list-style-type: none; }
        #menu ul li {float:left; margin-right:1px; position:relative;}
        #menu ul li ul {display: none;}
       
        #menu ul li:hover a {background: #Ffffff; color:#ffffff ; } /* MODE ITEM HOVER */
       
        #menu ul li:hover ul {display:block; position:absolute; top:10px;margin-left: -10px; }
        #menu ul li:hover ul li a.hide { color:#E26C11;} /* MODE HOVER */
        #menu ul li:hover ul li:hover a.hide {width:110px;}
        #menu ul li:hover ul li ul {display: none;}
        #menu ul li:hover ul li a {display:block; color:#ffffff; text-shadow: 1px 1px 3px black;} /* MODE SOUS ITEM NORMAL */
       
        #menu ul li:hover ul li a:hover {color:#E26C11;} /* MODE SOUS ITEM HOVER */
       
        #menu ul li:hover ul li:hover ul {display:block; position:absolute; margin-left: -10px; top:10px; color:#e63939; background: #E30DB9; } /* MODE HOVER */
       
        #menu ul li:hover ul li:hover ul li a {display:block; color:#e63939; font-weight : bold;} /* MODE HOVER */
       
        #menu ul li:hover ul li:hover ul li a:hover {color:#e63939; font-weight : bold;} /* MODE SOUS ITEM HOVER */
       
        */ FIN PA*/
        */ QEEL */
       
        textarea, .textarea.post, input.post {
        -moz-border-radius:08px;
        }
        .bodyline {
        -moz-border-radius:08px;
        }
        .forumline{
        background-color: #COULEUR;
        -moz-border-radius: 08px ;
        border: 08px #COULEUR solid;
        }
       
        a { text-decoration: none; }
       
        .statistiques{
        border:0px;
        background-image: url("http://www.netimago.com/images/fGQwMm60acn37hC.gif");
        background-repeat: no-repeat;
        background-position: center;
        height:420px;
        }
       
        */ QUEEL FIN */
       
        /* Paradise-City */
       
       
       
       
        /* CSS Paradise-City */
       
       
       
        /* ligne sous catégorie*/
       
        a.forumlink{
        -moz-border-radius: 7px 7px 7px 7px;
        background-color: #E8E5D9;
        border-bottom: 5px double #575757;
        color:#557160;
        font-family: georgia;
        font-size: 14px;
        font-weight: lighter;
        letter-spacing: 2px;
        display:block;
        text-align: center;
        }
       
       
       
        .bloc-desc{
        margin-top: 7px;
        background-color: #6CC414;
        -moz-border-radius: 20px;
        -webkit-border-radius : 20px;
        border-radius: 20px;
        text-align: center;
        width:90%;
        padding: 10px;}
       
       
        .forumline{
        border: 5px double #295100;
        padding:2px;
        -moz-border-radius: 3px;
        -moz-border-radius: 0px 0px 14px 14px ;
        -moz-border-radius-bottomleft:8px;
        -moz-border-radius-bottomright:8px;
        -moz-border-radius-topleft:8px;
        -moz-border-radius-topright:8px;}
       
        a
        {
        text-decoration: none;
        }
       
        a:hover {
        text-transform: uppercase;
        }
        a
        {
        text-decoration: none;
        }
       
        a.forumlink, a.forumvisited, a.forumactive {
        text-decoration: none;
        white-space: nowrap;
        text-align: center;
       
        }
       
        .postbody, td.row1 span.gensmall {
        text-align: justify !important;
        display: block;
        }
       
        .bodyline{
        border-top: 7px #6CC413 solid;
        border-bottom: 7px #6CC413 solid;
        border-right: 7px #6CC413 solid;
        border-left: 7px #6CC413 solid;
        -moz-box-shadow: 3px 2px 3px;
        -moz-border-radius-topleft: 15px;
        -moz-border-radius-topright: 15px;
        -moz-border-radius-bottomright: 15px;
        -moz-border-radius-bottomleft: 15px}
       
        a.infobulle {
        position: relative;
        }
       
        a.infobulle span {
        display: none; /* ceci masque l'infobulle */
        }
        a.infobulle:hover {
        background: #F49C44; /* correction d'un bug IE */
        z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
       
        }
        a.infobulle:hover span {
        display: inline; /* ceci 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: 5px; /* on positionne notre infobulle */
        left: 15px;
       
        background: #F2D57E; /* arrière-plan de l'infobulle */
       
        color: black; /* texte dans l'infobulle */
        padding: 3px;
       
        /* bordures de votre infobulle*/
        border: 1px dotted black;
        border-left: 1px dotted black;
        }
       
       
        .secondarytitle {
        -moz-border-radius:10px;}
       
       
        body {
       
        background-position: right;
        background-attachment: fixed;
        }
       
       
       
        .forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
        background-image:url();
        padding:2px 3px;
        }
       
       
        .sujets_messages
        {margin-top: 4px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
        padding: 5px; /* 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 ... */
        -moz-border-radius: 10px;
        -webkit-border-radius : 10px;
        border-radius: 10px;
        background-image: url(http://www.netimago.com/images/4k2lHUWTArKvac5.jpg);}
       
       
        .derniers_sujets
        {margin-top: 4px; /* 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-image: url(http://www.netimago.com/images/4k2lHUWTArKvac5.jpg);
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-bottomright: 10px;}
       
        #fondprofil {
        margin-top: 3px;
        background-color: #F2D57E;
        padding: 2px;
        margin-bottom: 10px;
        }
       
       
       
       
        #titres
        {border-bottom: 1px dashed darkgreen;
        text-transform: uppercase;
        padding-left:10px;
        width: 90%;
        text-align: left;}
       
        #navigation A:link, #navigation A:visited, #navigation A:active
        {font-size: 13px;
        text-align: center;
        color: darkgreen;
        background-color: #F2D57E;
        display: block;
        border-bottom: 1px solid #FFFFFF;
        border-left: 1px dashed darkgreen;
        border-right: 1px dashed darkgreen;}
       
        #navigation A:hover
        {color: #FFFFFF;
        letter-spacing:2px;
        background-color: #F2D57E;
        border-left: 1px dashed #FFFFFF;
        border-right: 1px dashed #FFFFFF;;}
       
        a.infobulle
        {position: relative;
        color: #3D4D34;
        text-decoration: none;
        font-size: 11px;
        font-family:georgia;
        border-bottom: none;
        width:160px;}
       
        a.infobulle span
        {display: none;}
       
        a.infobulle:hover
        {background: none;
        z-index: 999;
        cursor: defaut;}
       
        a.infobulle:hover span
        {display: inline;
        position: absolute;
        white-space: nowrap;
        top: -2px;
        left: 15px;
        background-color:#F1F1F1;
        text-decoration: none;
        color: #3D4D34;
        padding: 3px;
        border: 1px dashed #006400;
        font-size: 11px;
        width:160px;}
       
       
        #titres
        {border-bottom: 1px dashed darkgreen;
        text-transform: uppercase;
        padding-left:10px;
        width: 90%;
        text-align: left;}
       
        #navigation A:link, #navigation A:visited, #navigation A:active
        {font-size: 13px;
        text-align: center;
        color: darkgreen;
        background-color: #FEFEFE;
        display: block;
        border-bottom: 1px solid #FFFFFF;
        border-left: 1px dashed darkgreen;
        border-right: 1px dashed darkgreen;}
       
        #navigation A:hover
        {color: #FFFFFF;
        letter-spacing:2px;
        background-color: #D08787;
        border-left: 1px dashed #FFFFFF;
        border-right: 1px dashed #FFFFFF;;}
       
        a.infobulle
        {position: relative;
        color: #3D4D34;
        text-decoration: none;
        font-size: 11px;
        font-family:georgia;
        border-bottom: none;
        width:160px;}
       
        a.infobulle span
        {display: none;}
       
        a.infobulle:hover
        {background: none;
        z-index: 999;
        cursor: defaut;}
       
        a.infobulle:hover span
        {display: inline;
        position: absolute;
        white-space: nowrap;
        top: -2px;
        left: 15px;
        background-color:#F1F1F1;
        text-decoration: none;
        color: #3D4D34;
        padding: 3px;
        border: 1px dashed #006400;
        font-size: 11px;
        width:160px;}
       
       
        */ vava 2  */
       
        Profil
        #couleurprofil {
        background-color: #F2C45B;
        }
        .postdetails.poster-profile a img {-moz-border-radius:10px;border:7px #C38323 solid}
        .postdetails.poster-profile a img:hover {-moz-border-radius:10px;border:7px #C38323 solid}
        {
        border: 2px; /*La bordure*/
        background-color: #000000; /*Le fond*/
        }
        .Nommignon {
        -moz-box-shadow: 0px 0px 2px #A63A7F; height:auto;width:auto;background-color:#E6AA50;border: dotted 2px #E26C11;-moz-border-radius:15px 15px 15px 15px;padding-left:15px; padding-right:15px; padding-top:15px; padding-bottom:15px; "font-size: 12px; "
        }
        */fin vava */
        */test Catégorie*/       
       
        .onglet{
                    display:inline-block;
                    padding:5px;
                    }
             
                #conteneur_barre_onglet {-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;
                border:2px solid #5C3C3D; background-color:#875859; padding:10px; display:block; position:relative; left:-220px; top:100px;width:150px;}
       
       
       
       
        */ vava 2  */
       
        Profil
        #couleurprofil {
        background-color: #F2C45B;
        }
        .postdetails.poster-profile a img {-moz-border-radius:10px;border:7px #C38323 solid}
        .postdetails.poster-profile a img:hover {-moz-border-radius:10px;border:7px #C38323 solid}
        {
        border: 2px; /*La bordure*/
        background-color: #000000; /*Le fond*/
        }
        .Nommignon {
        -moz-box-shadow: 0px 0px 2px #A63A7F; height:auto;width:auto;background-color:#E6AA50;border: dotted 2px #E26C11;-moz-border-radius:15px 15px 15px 15px;padding-left:15px; padding-right:15px; padding-top:15px; padding-bottom:15px; "font-size: 12px; "
        }
        */fin vava */
        */tesy*/
       
       
       
       
       
        /* Catégories en onglets */
       
        .text {
        color:#FFFFFF; /*Couleur du texte de vos onglets*/
        cursor:pointer;
        }
       
        #cat_Préface,#cat_Horses,#cat_Neutres,#cat_Wolfs /*nomonglet... à remplacer par le nom des onglets*/ {
        padding-top:10px;
        }
       
       
        .spoiler_content { display: block; }
        .hidden .spoiler_content { display: none; }
       
        .cat_forum {
        background-color: #000000;
        margin: auto;
        margin-bottom:30px;
        width:800px;
        }
       
        .onglet {
        display:inline-block;
        margin-top:40px;
        text-decoration:none;
        cursor:pointer;
        }

        #onglet {
        display:inline-block;
        margin-top:40px;
        text-decoration:none;
        cursor:pointer;
        }
       
        .onglets li {
        float:left;
        list-style-type:none;
        margin-bottom:-22px;
        text-decoration:none;
        cursor:pointer;
        }
       
        .onglets li:hover {
        text-decoration:none;
        cursor:pointer;
        }
       
        .onglets li a {
        display:block;
        text-decoration:none;
        list-style-type: none;
        cursor:pointer;
        }
       
        .onglets li a: hover {
        text-decoration:none;
        list-style-type:none;
        cursor:pointer;
        }
       
        .onglet_actif {
        background: url('http://img163.imageshack.us/img163/2443/actif.png') no-repeat;
        width: 112px;
        height: 45px;
        cursor:pointer;
        }

      .actif {
        background: url('http://img163.imageshack.us/img163/2443/actif.png') no-repeat;
        width: 112px;
        height: 45px;
        cursor:pointer;
        }
       
       
        .onglet_nactif {
        background: url('http://img201.imageshack.us/img201/2319/inactif.png') no-repeat;
        width: 115px;
        height: 45px;
        cursor:pointer;
        }
       


       
        /* Fin */

[kuroi namida]

Merci pour l'explication !
Le forum n'est plus déformé et les onglets sont mieux placés, mais n'aboutissent pas...

Est ce que ce serait possible d'avoir un genre de tutoriel explicatif pour changer ça ?

Merci,

Kuroi Namida

[Lixyr]

Bizarre, parce que chez moi j'ai exactement le même code, et ça marche (forum test)

je peux avoir le lien de votre forum où vous avez ces onglets ?

[kuroi namida]

Voila le forum où c'est testé :

http://prdzctyproof.bb-fr.com/


EDIT : je suis allée sur votre forum, je n'ai pas pu voir les onglets non plus :/ Je me demandais si le problème ne venait pas du fait que les catégories ne soient apparemment pas séparées les unes des autres sur mon fow test... ?

[Lixyr]

Non, sur le forum test c'est parce que je l'ai modifié, depuis. Je teste d'autres demandes, malheureusement. Mais je peux le remettre, le code, là, si vous voulez. Il ne sera pas actualisé, d'ici demain, je pense. Allez voir !

[Lixyr]

Vous avez combien de catégories différentes sur votre forum test?

(oups double post ! J'avais complètement oublié que j'avais répondu ! )

[kuroi namida]

Merci de l'avoir remis sur votre forum, j'y suis passée et ça marche niquel ! (et que c'est beau *_*)

Alors pour mon fow test, il y a en tout 3 catégories.

[Lixyr]

Hum, c'est bizarre que ça ne fonctionne pas, si on a le même code. Vous avez d'autres codes javascript pour les onglets ? Vous avez quoi comme code javascript dans votre panneau ?

Vous avez modifié un autre template ?

[kuroi namida]

Et non justement, on n'a pas d'autres codes pour les onglets à part ceux que vous connaissez déjà ! :/ (codes javascript dans le panneau? @_@ Je suis désolée mais je ne suis pas sûre d'avoir compris votre question !)

Niveau templates, on a aussi modifié index_body, overall_header et viewtopic_body...

index_body :
...



(Une petite question, aussi, est-ce vous qui vous êtes inscrite sur le forum test sous le pseudo d'alexane? Dans le doute, nous avons désactivé le compte ^^; )

[Lixyr]

(Non, je ne me suis pas inscrite sur votre forum test. Sinon, j'aurais mis Lixyr. ^^ )

Alors, le problème ne vient pas de vos template modifiés, ni de votre css.

Ce que je voulais savoir, c'est si vous aviez des codes javascripts, dans (panneau d'admin >> modules >> gestions des codes javascripts).

Quoi que quand je regarde sur votre forum test, en fait seul le premier onglet marche.

Essayez de retirer les caractères bizarres dans le premier onglet, pour n'avoir plus que :

Code:

<li onMouseOver="change_cat(1);" class="onglet_actif" id="onglet_1"><h2 class="active">Accueil & Bienvenue  </h2></li>

Vérifiez que votre code est bel et bien exactement le même que le mien.

[kuroi namida]

Bonjour !

Désolée du retard, j'ai eu quelques soucis avec Internet et je n'ai pas pu répondre plus tôt !
Donc après avoir bidouillé, poussé, tiré dans tous les sens, on a enfin trouvé pourquoi rien ne marchait ! C'était tout bête, en fait, c'est que nous avions oublié de séparer les catégories dans l'apparence générale du forum !
En tout cas maintenant, les onglets marchent formidablement bien, c'est magique !

:thanks: du fond du coeur pour votre aide et votre patience !

[Lixyr]

Mdr !!!!
Voilà une bonne nouvelle.

Effectivement, c'est toujours le petit détail bête auquel on ne pense pas. ^^

Bonne continuation à vous.