soucis avec mes onglets T.T

[© Insomnia]

Bonjour, nous aurions voulu refaire des onglets comme sur notre ancien forum : http://dramma-per-musica.forumsactifs.com/

Mais ma codeuse a beau tout essayer, aucun de ses codes ne fonctionne et on ne sait absolument pas pourquoi O.o En fait, nous voudrions que les catégories soient sous forme d'onglet pour ne pas que la page d'accueil soit trop longue. (http://dramma-per-musica.forumactif.org/) Mais ma codeuse s'arrache les cheveux car ses codes habituels sont totalement inefficaces. Si vous allez directement sur le deuxième lien donné, rien n’apparaît alors que les codes pour les onglets sont bien présent au niveau du css et du template. La structure hiérarchique du forum est bonne aussi alors nous pas comprendre T.T

Code:

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


a { text-decoration: none; }
a:hover{
    text-decoration: none !important;
    color : #code_couleur;
    }

.bodyline {
border: 5px double #774b28;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius:40px 40px 40px 40px;
}
-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }


a.mainmenu {
background-image:  url('http://img11.hostingpics.net/pics/274429fond2.png');
font-weight: bold;
text-transform: uppercase;
color : #ffffff;
font-size: 10px;
}

a.mainmenu:hover{
background-image:  url('http://img11.hostingpics.net/pics/274429fond2.png');
font-weight: bold;
text-transform: uppercase;
color : #ffffff;
font-size: 10px;
}

.titre2 { text-transform: lowercase;
  letter-spacing: -3px;
  font-family: times new roman;
  font-style: italic;
  text-align: center;
  font-size: 50px;
  color: #FAF1CD;
 }

.arthur {
  height: 140px;
  border: 3px solid #3B1F07; /* couleur des bords */
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    text-align:justify;
  line-height: 12px;
  background-color: #E0B584; /* couleur du fond */
  color: #784D29;
}


.onglet
        {
                display:inline-block;
                margin-left:3px;
                margin-right:3px;
                padding:3px;
                border:1px solid black;
                cursor:pointer;
        }
        .onglet_0
        {
                background:#bbbbbb;
                border-bottom:1px solid black;
        }
        .onglet_1
        {
                background:#dddddd;
                border-bottom:0px solid black;
                padding-bottom:4px;
        }
        .contenu_onglet
        {
                background-color:#dddddd;
                border:1px solid black;
                margin-top:-1px;
                padding:5px;
                display:none;
        }
        ul
        {
                margin-top:0px;
                margin-bottom:0px;
                margin-left:-10px
        }
        h1
        {
                margin:0px;
                padding:0px;
        }

#conteneur_onglets {
  width: 100%;
  display: none;
  margin-top: 20px;
  text-align: center;
  border-collapse: collapse;
  text-transform: uppercase;
background-image: url('http://hitskin.com/themes/17/98/66/i_back_title.png');
  border: 2px solid  #A68966;
  color:  white;
filter:alpha(opacity=100);
-moz-opacity:1.0;opacity: 1.0;
}
 
#conteneur_onglets td {
  cursor: pointer;
}
 
.actif {
  filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
  border: 2px solid #A68966;
  color: white;
}

a.forumlink:link, a.forumlink:visited {
font-size:32px;
font-weight: bold;
font-style: italic;
letter-spacing: -1px;
text-transform: lowercase;
  border-bottom: 2px dashed black;
  display:block;
font-weight: normal;
padding-left: 20px;
  -webkit-transition: all 1s ease; /* effet accordéon */
-moz-transition: all 1s ease; /* effet accordéon */
-o-transition: all 1s ease; /* effet accordéon */
transition: all 1s ease; /* effet accordéon */
color: #633C1D;
text-shadow: 1px 1px 1px #000000;
}

a.forumlink:link:hover, a.forumlink:visited:hover {
 -webkit-transition: all 1s ease; /* effet accordéon */
-moz-transition: all 1s ease; /* effet accordéon */
-o-transition: all 1s ease; /* effet accordéon */
transition: all 1s ease; /* effet accordéon */
padding-left: 80px;
filter:alpha(opacity=60);
-moz-opacity:0.6;opacity: 0.6;
color: #784D29;
display: block;
}


.sujets_messages {
margin-top: 3px;
margin-bottom: -3px;
padding: 3px;
text-align: right;
letter-spacing: -1px;
font-size: 10px;
}

.derniers_sujets {
margin-top: -5px;
width: 75px;
height: 40px;
text-align: center;
letter-spacing: 0px;
}

.forum-description {
padding: 10px;
padding-bottom: 2px;
margin-top: 10px;
margin-bottom: -2px;
margin-right: 20px;
margin-left: 40px;
color: black;
width: 80%;
 height: 100px;
border-right:1px solid black;
border-left:1px solid black;
border-top: 1px solid black;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
font-size: 10px;
text-align: justify;
  overflow: auto;
    }

Code:

Template Index_box le seul de modifier :

<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}<br />
         {CURRENT_TIME}<br />
         </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><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<table id="conteneur_onglets">
  <tr>
    <td OnClick="change_categorie(1)">1</td>
      <td OnClick="change_categorie(2)">2</td>
      <td OnClick="change_categorie(3)">3</td>
      <td OnClick="change_categorie(4)">4</td>
      <td OnClick="change_categorie(5)">5</td>
      <td OnClick="change_categorie(6)">6</td>
      <td OnClick="change_categorie(7)">7</td>
  </tr>
</table>
<script type="text/javascript">

  function change_categorie(numero)
  {
      if($('.categorie:eq('+(numero-1)+')').size() != 0)
      {
        $('.categorie').css("display","none");
        $('#conteneur_onglets .actif').removeClass("actif");
       
        $('#conteneur_onglets td:eq('+(numero-1)+')').addClass("actif");
        $('.categorie:eq('+(numero-1)+')').fadeIn();
      }
      else
      {
        alert("Avada Kedavra !")
      }
  } 

  $("document").ready(function()
  {
      if($(".categorie").size() > 1)
      {
        if($("#conteneur_onglets").is("table"))
        {
            $("#conteneur_onglets").css("display","table");
        }
        else
        {
            $("#conteneur_onglets").css("display","block");
        }
      }

      change_categorie(1);
  })
 
</script><br>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <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><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <div class="sujets_messages">Messages : {catrow.forumrow.POSTS} | Sujets : {catrow.forumrow.TOPICS}</div><div class="forum-description"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></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 -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
   </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 -->


Merci à l'âme charitable qui nous aidera

EDIT: je suis la fondatrice du forum en phpbb2

[© Insomnia]

Personne pour m'aider ?

[kidon]

Vous avez pensé a copié/collé le template de l'ancien forum ?

[© Insomnia]

Bonjour,

oui mais ça ne marche pas.

[© Insomnia]

Problème régler
merci quand même