Catégories par Onglets

[PAPARAZZI™]

Hello, hello à tous.

Je recherchais comment faire ça depuis un petit moment mais à chaque fois que je tombe sur un message qui est sensé en parler, étrangement celui-ci n'existe plus ou pas --'

Je commence à désespérer.

Enfin bon, j'aimerai tout simplement savoir comment avoir des catégories par onglet qui ferait apparaître progressivement les forums appartenant à chacune après qu'on ai cliqué dessus.



Merci pour votre aide

[Invité]

Bonjour,

J'étais tombée par hasard sur un sujet parlant de cela, et j'avais relevé les codes pour essayer.
Modifiez les template Index box:

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}<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>
<div class="my_cat"> <ul></ul> </div>


<div class="my_cat_body">
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<table class="my_modified_table" width="100%" border="0" cellspacing="1" cellpadding="0">
  <div class="my_forum_name">{catrow.tablehead.L_FORUM}</div>
  <!-- END tablehead -->
 
  <!-- BEGIN forumrow -->
      <tr>
        <td colspan="3" class="my_title" align="center"><div class="myfoo_title"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><img src="{SPACER}" alt="" height="5" width="1" /></td>
      </tr>
      <tr>
        <td class="my_img" valign="top"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="" /></td>
        <td class="my_disc" width="300" valign="top" >{catrow.forumrow.FORUM_DESC}</td>
        <td class="my_stats" width="200" valign="top">
            Topics: {catrow.forumrow.TOPICS}<br />
            Posts: {catrow.forumrow.POSTS}<br />
            Dernier post: {catrow.forumrow.LAST_POST}<br />
       
        </td>
      </tr>
  <!-- END forumrow -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
</div>

Copiez et enregistrez ce script en .js puis hébergez le:

Code:

eval(function(h,b,i,d,g,f){g=String;if("0".replace(0,g)==0){while(i--){f[g(i)]=d[i];}d=[function(a){return f[a]||a;}];g=function(){return"[1-9]";};i=1;}while(i--){if(d[i]){h=h.replace(new RegExp("\\b"+g(i)+"\\b","g"),d[i]);}}return h;}("1 2=0;$(6(){1 c=$('.7').size();$('.3').8();$('.3:4(0)').show();for(1 a=0;a<c;a++){1 d=$('.7:4('+a+')').text();$('<a href="javascript:void(0);"><9 class="5">'+d+'</9></a>').appendTo('.my_cat ul')}$('.5').click(6(){1 b=$('.5').index(this);if(2!=b){$('.3:4('+2+')').8();$('.3:4('+b+')').fadeIn();2=b}})});",[],10,"|var|myeq|my_modified_table|eq|my_cat_style|function|my_forum_name|hide|li".split("|"),0,{}));

Placez le code suivant dans le template overall_header juste avant /head:

Code:

<script type="text/javascript" src="adresse de votre script" ></script>

Enfin, voici la feuille CSS à ajouter:

Code:

.my_modified_table{
  width: 80%;
  margin-left: 10%;
margin-right: 10%;
margin-top: 5px !important;

font-family: Verdana;
}

.my_forum_name{
  display:none;
}
.my_img{
width: 10%;
margin-left: 50px;
}
.my_disc{
width: 70%;
text-align:center;
font-size: 13px;
}
.my_stats{

 width: 20%;
text-align:center;
}

.myfoo_title{
  text-align:center;
  width: 100%;
  -moz-border-radius: 6px;
  border: 1px solid #EAEAEA;

}
.my_title{
  text-align:center;
  font-size: 14px;
font-family: Arial;
}

.my_cat_body{
border: 1px solid #EEE;
-moz-border-radius: 3px;

}

.my_cat ul{
margin:0;
padding: 0;
width: 800px !important;
}
.my_cat li{
margin-left: 2px;
}
.my_cat_style{
border-top: 1px #666 solid;
border-left: 1px #666 solid;
border-right: 1px #666 solid;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
text-align:center;
font-size: 11px;
padding-left:10px;
padding-right:10px;
display:inline;
background-color: #EAEAEA;
width: 200px;
font-family: Arial;
font-weight: bold;

}
.my_cat a{
text-decoration: none !important;
color: #000;
}

Voilà, c'est un peu compliqué, mais en y allant pas à pas ça fonctionne bien.

Cordialement.

[PAPARAZZI™]

Hello, hello.

Tes codes ne marchent pas.

Forum test

la preuve, autre que de casser la mise en page ...

[Invité]

Re,

Le code fonctionne, il modifie l'affichage des catégories mais aussi la mise en page des forum et sous forum, c'est vrai.
Désolée d'avoir voulu aider, je ne suis pas assez calée pour modifier ce code pour qu'il affiche les colonnes de manière habituelle. Je passe la main a plus compétent que moi.

Cordialement.

[PAPARAZZI™]

C'est tout de même gentil d'avoir tenté de m'aider Iso', merci.

[AenigmA]

Il fonctionne très bien ce système sur un forum propre

[PAPARAZZI™]

Je l'ai tenté sur mon forum test, il n'y a aucun code ni changement au niveau de mes templates.
J'ai utilisé son code, non il ne marche pas.
Je viens étrangement d'en trouver un autre qui lui marche
Donc oui, il y a un soucis du coté de celui là