| Codage Catégories en Onglets | |
|
Auteur | Message |
---|
Low
♦ Messages : 25 ♦ Arrivé le : 29/05/2013
| Sujet: Codage Catégories en Onglets Lun 8 Juil - 7:41 | |
| type de problème: Catégorievotre problème :[b] Voilà mon petit problème, j'avais envie de mettre des onglets sur mon forum pour fluidifier les catégories et aérer un peu le forum. C'est un forum HP où les 3 générations sont présentes que je voulais séparer les catégories pour que chaque génération ait ses catégories sans qu'on mélange tout ...
J'ai passé des soirées à regarder les tutos pour faire ça et rien n'y fais, je ne comprend pas tout et ce que j'ai essayé ne marchait pas ...
J'ai besoin d'aide pour avoir un template qui marcherait avec mon forum et quelqu'un qui pourrait m'aider à comprendre un peu le système (au cas où je doives faire des changements par la suite, il faudrait que j'y comprenne quelque chose )
Si quelqu'un peut m'aider, je pourrai fournir mon template actuel ... [b]le forum où vous avez vu l'effet: http://mesmerizes-me.forumactif.org/ votre rendu: http://endless-hope.forumactif.comautre: J'ai tenté beaucoup de tuto et rien ne marche ... Merci d'avance pour celui ou celle qui pourra m'aider ! |
|
| |
Sensatiion
♦ Messages : 779 ♦ Arrivé le : 11/05/2013 ♦ T'habites où : Montpellier
| Sujet: Re: Codage Catégories en Onglets Dim 14 Juil - 19:10 | |
| Alors alors, j'ai trouvé un tuto que j'avais mis en place ici-même au début du forum, je ne sais pas si tu l'as essayé. Il s'agit de celui-ci : http://www.themes-fa.com/t4690-resolu-categories-en-onglets-en-haut-du-forum |
|
| |
Low
♦ Messages : 25 ♦ Arrivé le : 29/05/2013
| Sujet: Re: Codage Catégories en Onglets Lun 15 Juil - 11:48 | |
| Merci Je vais essayer ça et je te dis si ça marche sur mon forum (il a l'air d'avoir un soucis quelque part car tous les tutos qui marchent chez les autres, ne marchent pas sur le mien ><) |
|
| |
Sensatiion
♦ Messages : 779 ♦ Arrivé le : 11/05/2013 ♦ T'habites où : Montpellier
| Sujet: Re: Codage Catégories en Onglets Lun 15 Juil - 12:14 | |
| Après j'avoue que les onglets c'est assez difficile et ça prend pas mal la tête (c'est pour ça que je les ai enlevé perso). Peut-être quelque chose dans ton template qui fait que ça ne fonctionne pas |
|
| |
Low
♦ Messages : 25 ♦ Arrivé le : 29/05/2013
| Sujet: Re: Codage Catégories en Onglets Lun 15 Juil - 17:07 | |
| Ouais surement :/ c'est pour ça que je cherchais de l'aide, pour trouver un code qui fonctionne avec mon template parce que c'est vraiment nécessaire sur mon forum, j'ai trop de catégories :/ |
|
| |
Low
♦ Messages : 25 ♦ Arrivé le : 29/05/2013
| Sujet: Re: Codage Catégories en Onglets Lun 15 Juil - 17:17 | |
| Ce qui me pose problème dans ce tuto comme dans les autres c'est qu'ils n'expliquent pas comment faire pour mettre plusieurs (2 en l’occurrence) catégories dans un même onglet est-ce que tu saurais ?
J'ai suivis le tuto, j'ai validé, et les onglets apparaissaient mais les catégories à l'intérieur restaient toutes présentes à chaque onglets, j'ai ensuite changé le nom des onglets, et hop, ils n'apparaissent plus sur le forum |
|
| |
Sensatiion
♦ Messages : 779 ♦ Arrivé le : 11/05/2013 ♦ T'habites où : Montpellier
| Sujet: Re: Codage Catégories en Onglets Lun 15 Juil - 21:21 | |
| Alors, je crois que l'on ne peut mettre qu'une seule categorie par onglet.. Est-ce que tu peux mettre ton template et ton css que je jete un oeil? (Mets le en hide) |
|
| |
Low
♦ Messages : 25 ♦ Arrivé le : 29/05/2013
| Sujet: Re: Codage Catégories en Onglets Mar 16 Juil - 13:26 | |
| - Spoiler:
- 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 --> <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </td> </tr> </table>
<!-- DEBUT MODIF ONGLETS -->
<script type="text/javascript"> //<![CDATA[ var i = 0;
document.write('<div align="center"> <ul class="onglet">
<li onMouseOver="change_cat(0);" class="onglet_actif" id="cat_0">~> A -- Z </li> <li onMouseOver="change_cat(1);" class="onglet_nactif" id="cat_1">Maraudeurs</li> <li onMouseOver="change_cat(2);" class="onglet_nactif" id="cat_2">Harry's</li> <li onMouseOver="change_cat(3);" class="onglet_nactif" id="cat_3">Futur</li> <li onMouseOver="change_cat(4);" class="onglet_nactif" id="cat_4">Fun, fun, fun</li>
</ul> </div> ');
var compteur_cat = 0;
var anc_cat = 0;
var nom_cat = new Array('0','1','2','3','4');
function change_cat(numero) { document.getElementById(nom_cat[anc_cat]).style.display = 'none'; document.getElementById(nom_cat[numero]).style.display = 'block'; document.getElementById('cat_'+nom_cat[anc_cat]).className = 'onglet_nactif'; document.getElementById('cat_'+nom_cat[numero]).className ='onglet_actif'; anc_cat = numero; }
function capture_cat() { if(nom_cat[compteur_cat] == nom_cat[0]) {document.write('<table class="cat_forum" id="' + nom_cat[compteur_cat] + '" >'); } else{ document.write('<table class="cat_forum" id="' + nom_cat[compteur_cat] + '" style="display:none;">'); } compteur_cat++; }
//--> </script> <!-- BEGIN catrow --><!-- BEGIN tablehead -->
<script type="text/javascript"> <!-- capture_cat(); //]]> </script>
<!-- FIN MODIF ONGLETS -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"><marquee behavior="alternate" width="100%" align="middle"onmouseover="this.stop();" onmouseout="this.start();"> {catrow.tablehead.L_FORUM}</marquee> </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>
</span> </h{catrow.forumrow.LEVEL}>
<!-- [ DÉBUT DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ] -->
<div class="forum-stats">{catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.</div> <div class="forum-description"> <span class="genmed"> {catrow.forumrow.FORUM_DESC} </span> </div> <div class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</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">{catrow.forumrow.LAST_POST}</span> </td>
<!-- [ FIN DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ] -->
<!-- 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 le CSS est - Spoiler:
- Code:
-
/* *** categories *** */
.cat_forum { -moz-border-radius: 10px; border: 4px ridge #000000; background-color: #000000; margin: auto; margin-bottom:30px; }
/* *** liste *** */
.onglet { display:inline-block; height:30px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:8px auto auto; margin-top:30px; }
/* *** configuration de l'élément de liste *** */
.onglet li { float:left; width: 100px; height: 30px; line-height: 30px; text-align: center; vertical-align: middle; list-style-type:none; }
/* *** liens *** */
.onglet li a { display:block; text-decoration:none; margin-left:5px; color: #CC0000; }
/* *** liens au survol *** */
.onglet li a:hover { color:#FC244F; }
/* *** onglet actif *** */
.onglet_actif { background: url('http://i25.servimg.com/u/f25/11/95/30/70/tf310.png') repeat-x; width:100px; height:30px; cursor:pointer; }
/* *** onglet non actif *** */
.onglet_nactif { background:url('http://i25.servimg.com/u/f25/11/95/30/70/tf410.jpg') repeat-x; width:100px; height:30px; cursor:pointer; }
/* *** ici vos NOM DE CATEGORIE sauf un : il sera afficher en premier *** */
#echange, #amusement, #administration { display : none; }
Crois-tu que le bug peux venir du css ? |
|
| |
Low
♦ Messages : 25 ♦ Arrivé le : 29/05/2013
| Sujet: Re: Codage Catégories en Onglets Mar 16 Juil - 14:51 | |
| J'ai trouvé une autre solution j'ai mis directement des liens avec des images représentant des onglets, et ça marche merci quand même ^^ |
|
| |
Sensatiion
♦ Messages : 779 ♦ Arrivé le : 11/05/2013 ♦ T'habites où : Montpellier
| Sujet: Re: Codage Catégories en Onglets Mar 16 Juil - 14:58 | |
| Super dans ce cas Je peux archiver alors ? |
|
| |
Low
♦ Messages : 25 ♦ Arrivé le : 29/05/2013
| Sujet: Re: Codage Catégories en Onglets Mar 16 Juil - 15:32 | |
| Ouep |
|
| |
Sensatiion
♦ Messages : 779 ♦ Arrivé le : 11/05/2013 ♦ T'habites où : Montpellier
| Sujet: Re: Codage Catégories en Onglets Mar 16 Juil - 15:55 | |
| J'archive alors |
|
| |
Contenu sponsorisé
| Sujet: Re: Codage Catégories en Onglets | |
| |
|
| |
| Codage Catégories en Onglets | |
|