Catégories par Onglets

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Catégories par Onglets

Message par PAPARAZZI™ le Sam 9 Oct 2010 - 10:21

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 Smile

PAPARAZZI™
****

Féminin
Messages : 206
Inscrit(e) le : 18/09/2009

http://le-palais-du-plaisir.forumactif.com/
PAPARAZZI™ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories par Onglets

Message par Invité le Sam 9 Oct 2010 - 10:53

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.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories par Onglets

Message par PAPARAZZI™ le Sam 9 Oct 2010 - 12:14

Hello, hello.

Tes codes ne marchent pas.

Forum test

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

PAPARAZZI™
****

Féminin
Messages : 206
Inscrit(e) le : 18/09/2009

http://le-palais-du-plaisir.forumactif.com/
PAPARAZZI™ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories par Onglets

Message par Invité le Sam 9 Oct 2010 - 14:00

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.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories par Onglets

Message par PAPARAZZI™ le Sam 9 Oct 2010 - 14:21

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

PAPARAZZI™
****

Féminin
Messages : 206
Inscrit(e) le : 18/09/2009

http://le-palais-du-plaisir.forumactif.com/
PAPARAZZI™ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories par Onglets

Message par AenigmA le Sam 9 Oct 2010 - 14:51

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

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories par Onglets

Message par PAPARAZZI™ le Sam 9 Oct 2010 - 15:05

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 Smile
Donc oui, il y a un soucis du coté de celui là

PAPARAZZI™
****

Féminin
Messages : 206
Inscrit(e) le : 18/09/2009

http://le-palais-du-plaisir.forumactif.com/
PAPARAZZI™ a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum