Accueil
Créer un forumProblème onglet
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
Problème onglet
par mari-chat Sam 12 Fév 2011 - 21:26
Bonjour, j'ai chercher un peu partout sur le forum des explications sur les onglets présents sur un forum (pour le séparer) ,un peu comme ici, mais le tout reste un peu vague pour moi. J'ai essayé de l'installer par moi même, mais je n'y arrive pas.
Je me suis référé à http://agorah-serveur.forum-actif.net/t5-tutoriel#7, mais il semble manquer quelques informations. Si je jette un coup d'oeil sur cette demande d'aide: https://forum.forumactif.com/t279486-afficher-les-categories-d-un-forum-avec-des-onglets?highlight=cat%E9gories (en plus je ne sais pas ce qu'est "overall_header_new")
J'ai mis ceci dans ma Page HTML:
Et cela dans la feuille de CSS
En espérant voir un peu d'aide.
Merci d'avance
Une novice
Je me suis référé à http://agorah-serveur.forum-actif.net/t5-tutoriel#7, mais il semble manquer quelques informations. Si je jette un coup d'oeil sur cette demande d'aide: https://forum.forumactif.com/t279486-afficher-les-categories-d-un-forum-avec-des-onglets?highlight=cat%E9gories (en plus je ne sais pas ce qu'est "overall_header_new")
J'ai mis ceci dans ma Page HTML:
- 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">
<ul class="conteneur_onglets">
<li onClick="change_cat(1)" class="onglet actif" id="onglet_1">Staff</li>
<li onClick="change_cat(2)" class="onglet " id="onglet_2">Règles d'or</li>
<li onClick="change_cat(3)" class="onglet " id="onglet_3">Présentation</li>
<li onClick="change_cat(4)" class="onglet " id="onglet_4">Zone RP</li>
<li onClick="change_cat(5)" class="onglet " id="onglet_5">Flood</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
{
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>
</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 cela dans la feuille de CSS
- Spoiler:
- Code:
.text {color:#A80F0F;
cursor:pointer;}
#cat_Staff,#cat_Règles d’or,#cat_Présentation,#cat_Zone RP,#cat_Flood/{padding-top:4px; {padding-top:4px;}
.spoiler_content {display: block;}
.hidden .spoiler_content {display: none;}
.cat_forum {background-color: #000000;
margin: auto;
margin-bottom:30px;
width:800px;}
.onglet {display:inline-block;
margin-top:30px;
text-decoration:none; !important
cursor:pointer;}
.onglet li {float:left;
list-style-type:none;
margin-bottom:-22px;
text-decoration:none; !important
cursor:pointer;}
.onglet li:hover {text-decoration:none; !important
cursor:pointer;}
.onglet li a {display:block;
text-decoration:none; !important
list-style-type: none;
cursor:pointer;}
.onglet li a: hover {text-decoration:none;
list-style-type:none;
cursor:pointer;}
.onglet_actif {background: url('') no-repeat;
width:220px;
height:35px;
cursor:pointer;}
.onglet_nactif {background:url('') no-repeat;
width:220px;
height:35px;
cursor:pointer;}
En espérant voir un peu d'aide.
Merci d'avance
Une novice
mari-chat- Nouveau membre
-
Messages : 6
Inscrit(e) le : 26/07/2008 -
mari-chat- Nouveau membre
-
Messages : 6
Inscrit(e) le : 26/07/2008 -
mari-chat- Nouveau membre
-
Messages : 6
Inscrit(e) le : 26/07/2008 -
Re: Problème onglet
par Lixyr Mer 16 Fév 2011 - 15:36
Bonjour!
Overall_header_new c'est un template. Ce se trouve dans les templates :
Heu mais moi je dirais que c'est plutôt dans le template * index_box qu'il faut mettre la partie du code que vous avez dans la page HTML.
En modifiant le template :
vous mettez le code que vous avez là (je suppose que vous n'avez jamais modifié ce template comme vous demandez ce que c'est ?), et vous enregistrez :
et vous validez les changements :
Overall_header_new c'est un template. Ce se trouve dans les templates :
Panneau d'administration >> affichage >> template >> général
Heu mais moi je dirais que c'est plutôt dans le template * index_box qu'il faut mettre la partie du code que vous avez dans la page HTML.
En modifiant le template :
vous mettez le code que vous avez là (je suppose que vous n'avez jamais modifié ce template comme vous demandez ce que c'est ?), et vous enregistrez :
et vous validez les changements :
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez
le message qui vous a aidé pour que celui-ci soit mis en évidence.♢ Épinglez votre sujet en résolu
pour prévenir la modération.
Lixyr- Aidactive
-
Messages : 7450
Inscrit(e) le : 22/07/2010 -
Re: Problème onglet
par Anzu Ven 25 Fév 2011 - 18:04
 | 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  |
Anzu- Membre actif
-
Messages : 20685
Inscrit(e) le : 30/08/2007 -
Sujets similaires» Problème PA à onglet.
» Problème d'onglet sur ma PA
» problème avec un onglet
» Probleme affichage par onglet
» Probleme de nom de l'onglet
» Problème d'onglet sur ma PA
» problème avec un onglet
» Probleme affichage par onglet
» Probleme de nom de l'onglet
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