onglets les catégories et non la description
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
onglets les catégories et non la description
Bon bon bon, je viens de me taper une heure trente de recherche sur forumactif pour mes catégories en onglets sans aucun succes puisque chaque réponse renvoie sur mettre des onglets dans la description des sous forum. >_< j'ai suivi ce qui a été posté ici:
LA
Cependant, je n'arrive pas quand je crée une nouvelle catégorie a ce qu'elle soit dans le second onglet et non sur le premier. Tous les sujets ou les réponses menent vers cssactif qui je le rappelle à fermé snif
quelqu'un aurait-il un bon tuto à me passer?
LA
Cependant, je n'arrive pas quand je crée une nouvelle catégorie a ce qu'elle soit dans le second onglet et non sur le premier. Tous les sujets ou les réponses menent vers cssactif qui je le rappelle à fermé snif
quelqu'un aurait-il un bon tuto à me passer?
Dernière édition par Alec Turner le Mar 5 Avr 2011 - 17:38, édité 1 fois
Re: onglets les catégories et non la description
Bonjour,
Voici le résultat de mes recherches, mis en application sur mon fofo.
Les modifications se font dans le Template Index-Box. Faites bien attention à ce que les catégories soient rattachées à la racine du forum, et que vous avez des catégories ( icone bleu) et non des forums ( icone vert). Dans Panneau d'admin > Affichage > structure et hiérarchie, vérifiez bien que vous avez choisi une des 3 possibilités qui "sépare les catégories sur l'index".
Utilisez ce générateur pour avoir le template tout prêt:
Générateur d'onglets pour forumactif
Voici le feuille de style CSS que j'ai ajouté, c'est surement incomplet, mais ça fonctionne:
Cordialement.
Voici le résultat de mes recherches, mis en application sur mon fofo.
Les modifications se font dans le Template Index-Box. Faites bien attention à ce que les catégories soient rattachées à la racine du forum, et que vous avez des catégories ( icone bleu) et non des forums ( icone vert). Dans Panneau d'admin > Affichage > structure et hiérarchie, vérifiez bien que vous avez choisi une des 3 possibilités qui "sépare les catégories sur l'index".
Utilisez ce générateur pour avoir le template tout prêt:
Générateur d'onglets pour forumactif
Voici le feuille de style CSS que j'ai ajouté, c'est surement incomplet, mais ça fonctionne:
- Code:
/*onglets categories*/
.onglet {
display:inline-block;
margin:5px;
margin-bottom:-5px;
text-decoration:none; !important
border: 1px solid #000000;
-moz-border-radius: 8px;
bordert-radius: 8px;
background: #fff;
padding: 3px;
}
.onglet li {
float:left;
list-style-type:none;
}
.onglet:hover{
color: #ff0000;}
Cordialement.
Invité- Invité
Re: onglets les catégories et non la description
j'ai bien des icones bleues ^-^ mais cela ne fonctionne pas, j'ai surement fait une mauvaise manip, j'ai recommencé trois fois mais sans succes
Re: onglets les catégories et non la description
Bonjour,
Alors, on va essayer de repartir du début. Pour que les catégories soient en onglets, il faut réunir plusieurs conditions.
Dans panneau d'admin' > général > Catégories et forum, vérifiez que vos catégories sont rattachées à la racine du forum.
Si ça ne veut pas du tout fonctionner, faites des captures d'écran et donnez moi vos codes, s'il vous plait, pour que je puisse tester de mon coté .
Cordialement.
Alors, on va essayer de repartir du début. Pour que les catégories soient en onglets, il faut réunir plusieurs conditions.
Dans panneau d'admin' > général > Catégories et forum, vérifiez que vos catégories sont rattachées à la racine du forum.
- Spoiler:
- Spoiler:
- Code:
.onglet.actif{display:inline-block;
margin:5px;
margin-bottom:-5px;
text-decoration:none;
border: 1px solid #000;
-moz-border-radius: 8px;
bordert-radius: 8px;
background: #00ff00;
padding: 3px;}
.onglet {
display:inline-block;
margin:5px;
margin-bottom:-5px;
text-decoration:none;
border: 1px solid #000000;
-moz-border-radius: 8px;
bordert-radius: 8px;
background: #fff;
padding: 3px;}
.onglet:hover{
color: #ff0000;}
.onglet li {
display:inline-block;
list-style-type:none;}
- Code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<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>
<!-- DEBUT MODIF ONGLETS -->
<script type="text/javascript">
<!--
document.write('<div align="center" style="display:none;" id="conteneur_barre_onglet">
<ul class="conteneur_onglets">
<li onClick="change_cat(1)" class="onglet actif" id="onglet_1">onglet 1</li>
<li onClick="change_cat(2)" class="onglet " id="onglet_2">onglet 2</li>
<li onClick="change_cat(3)" class="onglet " id="onglet_3">onglet 3</li>
<li onClick="change_cat(4)" class="onglet " id="onglet_4">onglet 4</li>
<li onClick="change_cat(5)" class="onglet " id="onglet_5">onglet 5</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('<table class="forumline" id="categorie_' + compteur_cat + '" >');
}
else
{
$('#conteneur_barre_onglet').css("display","block");
document.write('</table><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>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
<th nowrap="nowrap" width="50">{L_TOPICS}</th>
<th nowrap="nowrap" width="50">{L_POSTS}</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}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<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>
<!-- BEGIN forum_link_no -->
<td class="row3" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.TOPICS}</span>
</td>
<td class="row2" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.POSTS}</span>
</td>
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</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 -->
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Pour ôter un onglet, on retire une ligne ( de <li... à /li>). Pour ajouter un onglet, on ajoute un ligne en faisant bien attention à changer le numéro partout où il est présent. La partie orange est à modifier par le nom de l'onglet.<li onClick="change_cat(1)" class="onglet actif" id="onglet_1">onglet 1</li>
<li onClick="change_cat(2)" class="onglet " id="onglet_2">onglet 2</li>
<li onClick="change_cat(3)" class="onglet " id="onglet_3">onglet 3</li>
<li onClick="change_cat(4)" class="onglet " id="onglet_4">onglet 4</li>
<li onClick="change_cat(5)" class="onglet " id="onglet_5">onglet 5</li>
Si ça ne veut pas du tout fonctionner, faites des captures d'écran et donnez moi vos codes, s'il vous plait, pour que je puisse tester de mon coté .
Cordialement.
Invité- Invité
Re: onglets les catégories et non la description
Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif |
Re: onglets les catégories et non la description
Alors j'ai bien les onglets, mes catégories se positionnent bien etc mais depuis mon qeel a disparu O_O j'ai remis le template de base pour le qeel histoire qu'aucun code ne se mélangent mais oups disparu
Re: onglets les catégories et non la description
Bonjour,
S'il s'agit du forum de votre profil, je vois le QEEL sans soucis. Essayez de vider le cache de votre navigateur, si c'est bien ce forum.
J'ai installer les codes donnés ci dessus sur mon forum test, et je ne constate aucun soucis au niveau du QEEL.
N'avez-vous rien ajouté qui puisse faire disparaitre le QEEL? Une simple balise de code mal fermée peut causer ce soucis.
Cordialement.
S'il s'agit du forum de votre profil, je vois le QEEL sans soucis. Essayez de vider le cache de votre navigateur, si c'est bien ce forum.
J'ai installer les codes donnés ci dessus sur mon forum test, et je ne constate aucun soucis au niveau du QEEL.
N'avez-vous rien ajouté qui puisse faire disparaitre le QEEL? Une simple balise de code mal fermée peut causer ce soucis.
Cordialement.
Invité- Invité
Re: onglets les catégories et non la description
Bonsoir,
Effectivement il y a un soucis. Pourriez-vous me donner vos templates modifiés, s'il vous plait? parce que là, je ne sais pas trop d'où vient cette disparition ...
Cordialement.
Effectivement il y a un soucis. Pourriez-vous me donner vos templates modifiés, s'il vous plait? parce que là, je ne sais pas trop d'où vient cette disparition ...
Cordialement.
Invité- Invité
Re: onglets les catégories et non la description
Son problème est résolu ! Allez voir son forum est vous verrez !
Re: onglets les catégories et non la description
Quand on ne sait pas on se tait mélissa. Je suis la seule à pouvoir dire si mon problème est résolu ou pas. Cela fait des années que je suis sur forumactif, je sais comment procéder quand mes sujets et questions sont résolues. La prochaine fois lit avant de poster des bêtises!
Isolde, quel template souhaites-tu? Par mp ou en code en dessous de ce message?
Isolde, quel template souhaites-tu? Par mp ou en code en dessous de ce message?
Dernière édition par Alec Turner le Dim 3 Avr 2011 - 22:01, édité 1 fois
Re: onglets les catégories et non la description
Bonsoir,
Donnez-moi le template Index-box et l'index-body, s'il est modifié,s'il vous plait. Je pense que le soucis est dans un de ces deux templates.
Cordialement.
Donnez-moi le template Index-box et l'index-body, s'il est modifié,s'il vous plait. Je pense que le soucis est dans un de ces deux templates.
Cordialement.
Invité- Invité
Re: onglets les catégories et non la description
voila index body
et index box
Ps: merci encore de ton aide isolde ^-^
- 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">
<!--
var i = 0;
document.write('<div align="center">
<ul class="onglet">
<li onMouseOver="change_cat(0);" class="onglet_actif" id="cat_0"><h2 class="active">Avant Propos </h2></li>
<li onMouseOver="change_cat(1);" class="onglet_nactif" id="cat_1"> Registres</li>
<li onMouseOver="change_cat(2);" class="onglet_nactif" id="cat_2"> Tianxia </li>
<li onMouseOver="change_cat(3);" class="onglet_nactif" id="cat_3"> Maid Club </li>
</ul>
</div>
');
var compteur_cat = 0;
var anc_cat = 0;
var nom_cat = new Array('0','1','2','3');
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="forumline" id="' + nom_cat[compteur_cat] + '" >');
}
else{
document.write('<table class="forumline" 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 -->
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
<th nowrap="nowrap" width="50">{L_TOPICS}</th>
<th nowrap="nowrap" width="50">{L_POSTS}</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}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<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>
<!-- BEGIN forum_link_no -->
<td class="row3" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.TOPICS}</span>
</td>
<td class="row2" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.POSTS}</span>
</td>
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</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 -->
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
et index box
- Spoiler:
- Code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<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">
<!--
document.write('<div align="center" style="display:none;" id="conteneur_barre_onglet">
<ul class="conteneur_onglets">
<li onClick="change_cat(1)" class="onglet actif" id="onglet_1">Avant -propos-</li>
<li onClick="change_cat(2)" class="onglet " id="onglet_2">Hors Rp-</li>
<li onClick="change_cat(3)" class="onglet " id="onglet_3">Tianxia-</li>
<li onClick="change_cat(4)" class="onglet " id="onglet_4">Maid Club-</li>
<li onClick="change_cat(5)" class="onglet " id="onglet_5">Discussions-</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('<table class="forumline" id="categorie_' + compteur_cat + '" >');
}
else
{
$('#conteneur_barre_onglet').css("display","block");
document.write('</table><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>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
<!--
******Début de modifications de Templates*******
-->
<th nowrap="nowrap" width="150"><div style="width:150px; border="0">{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">
<table width="100%"><tbody><tr><td><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}></td><td style="padding-left: 40px; text-align: right;" class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</td></tr></tbody></table>
<div class="descbox">
<p div class="descc"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}</p>
<!-- END switch_moderators_links -->
<table><tr><td width="450" height="25"><div style="padding-left: 30px; padding-right: 30px;"><div class=".sousfofo ">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></td></tr></table></div></div>
</span>
</td>
<td class="row3 over" align="center" valign="middle" height="50" border="0">
<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 -->
Ps: merci encore de ton aide isolde ^-^
Re: onglets les catégories et non la description
Si vous ne vous êtes pas emmêlée les pinceaux en me donnant le template Index-body, vous avez un sérieux problème.
Vous avez le même code pour les deux templates, ce qui n'est pas normal du tout. Remettez l'index-body par défaut et votre "qui est en ligne" devrait réapparaitre.
Cordialement.
Vous avez le même code pour les deux templates, ce qui n'est pas normal du tout. Remettez l'index-body par défaut et votre "qui est en ligne" devrait réapparaitre.
Cordialement.
Invité- Invité
Re: onglets les catégories et non la description
Bein quand je suis aller sur ton forum ça marchait très bien ...
Re: onglets les catégories et non la description
>°< j'ai récupéré mon Qeel par contre mes catégories se sont dit tiens pourquoi on ennuierait pas alec un tit peu / Résultat mon QEel est à gauche mon premier onglet centré le deuxième a gauche, le troisième centré ....
pourtant j'ai bien suivi deux fois le tuto de fofoactif
pourtant j'ai bien suivi deux fois le tuto de fofoactif
Re: onglets les catégories et non la description
Bonsoir,
Essayez avec ce template Index-Box:
Cordialement.
Essayez avec ce template Index-Box:
- Code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<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>
<!-- DEBUT MODIF ONGLETS -->
<script type="text/javascript">
<!--
document.write('<div align="center" style="display:none;" id="conteneur_barre_onglet">
<ul class="conteneur_onglets">
<li onClick="change_cat(1)" class="onglet actif" id="onglet_1">Avant -propos-</li>
<li onClick="change_cat(2)" class="onglet " id="onglet_2">Hors Rp-</li>
<li onClick="change_cat(3)" class="onglet " id="onglet_3">Tianxia-</li>
<li onClick="change_cat(4)" class="onglet " id="onglet_4">Maid Club-</li>
<li onClick="change_cat(5)" class="onglet " id="onglet_5">Discussions-</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('<table class="forumline" id="categorie_' + compteur_cat + '" >');
}
else
{
$('#conteneur_barre_onglet').css("display","block");
document.write('</table><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>
<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">
<table width="100%">
<tbody>
<tr>
<td><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}></td><td style="padding-left: 40px; text-align: right;" class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</td>
</tr></tbody></table>
<div class="descbox">
<p div class="descc"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<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></p><table>
<tr>
<td width="450" height="25">
<div style="padding-left: 30px; padding-right: 30px;">
<div class=".sousfofo ">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></td></tr></table></div>
</td>
<!-- BEGIN forum_link_no -->
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</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 -->
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Cordialement.
Invité- Invité
Re: onglets les catégories et non la description
tout marche !
Isolde un grand merci pour ton aide précieuse et rapide
au plaisir
Isolde un grand merci pour ton aide précieuse et rapide
au plaisir
Sujets similaires
» Catégories par onglets avec rajout d'une ligne de description
» catégories en onglets + onglets sur la droite
» Problème dans un QEEL avec onglets et description au survol du titre
» (Categories par onglet) .. Placement des onglets de catégories.
» (Catégories par onglets) Titres de catégories en image.
» catégories en onglets + onglets sur la droite
» Problème dans un QEEL avec onglets et description au survol du titre
» (Categories par onglet) .. Placement des onglets de catégories.
» (Catégories par onglets) Titres de catégories en image.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum