onglets les catégories et non la description

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

Résolu onglets les catégories et non la description

Message par Alec Turner le Dim 20 Mar 2011 - 14:40

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?


Dernière édition par Alec Turner le Mar 5 Avr 2011 - 17:38, édité 1 fois

Alec Turner
****

Féminin
Messages : 390
Inscrit(e) le : 17/03/2008

http://solemnyswear.keuf.net/
Alec Turner a été remercié(e) par l'auteur de ce sujet.

Résolu Re: onglets les catégories et non la description

Message par Invité le Dim 20 Mar 2011 - 15:22

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:
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é


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

Résolu Re: onglets les catégories et non la description

Message par Alec Turner le Dim 20 Mar 2011 - 17:45

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

Alec Turner
****

Féminin
Messages : 390
Inscrit(e) le : 17/03/2008

http://solemnyswear.keuf.net/
Alec Turner a été remercié(e) par l'auteur de ce sujet.

Résolu Re: onglets les catégories et non la description

Message par Invité le Mer 23 Mar 2011 - 12:42

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.
Spoiler:
Dans panneau d'admin' > Affichage > Structure et hiérarchie, choisissez "Moyen" dans " séparer les catégories sur l'index".
Spoiler:
Dans panneau d'admin' > Affichage > Couleur - Feuille de style CSS, ajoutez ceci ( à personnaliser):

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;}
Ensuite, il faut modifier le 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=&quot;center&quot; style=&quot;display:none;&quot; id=&quot;conteneur_barre_onglet&quot;>
<ul class=&quot;conteneur_onglets&quot;>

<li onClick=&quot;change_cat(1)&quot; class=&quot;onglet actif&quot; id=&quot;onglet_1&quot;>onglet 1</li>
<li onClick=&quot;change_cat(2)&quot; class=&quot;onglet &quot; id=&quot;onglet_2&quot;>onglet 2</li>
<li onClick=&quot;change_cat(3)&quot; class=&quot;onglet &quot; id=&quot;onglet_3&quot;>onglet 3</li>
<li onClick=&quot;change_cat(4)&quot; class=&quot;onglet &quot; id=&quot;onglet_4&quot;>onglet 4</li>
<li onClick=&quot;change_cat(5)&quot; class=&quot;onglet &quot; id=&quot;onglet_5&quot;>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(&quot;actif&quot;);
      $('.onglet[id=onglet_'+numero+']').addClass(&quot;actif&quot;);
   }
}

function capture_cat()
{
   if(compteur_cat == 1)
   {
      document.write('<table class=&quot;forumline&quot; id=&quot;categorie_' + compteur_cat + '&quot; >');
   }
   else
   {
      $('#conteneur_barre_onglet').css(&quot;display&quot;,&quot;block&quot;);
      document.write('</table><table class=&quot;forumline&quot; id=&quot;categorie_' + compteur_cat + '&quot; style=&quot;display:none;&quot;>');
   }
   
   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 -->
La partie qui crée les onglets est celle ci, mais il y a d'autres modifications dans le template pour que le tout fonctionne:
<li onClick=&quot;change_cat(1)&quot; class=&quot;onglet actif&quot; id=&quot;onglet_1&quot;>onglet 1</li>
<li onClick=&quot;change_cat(2)&quot; class=&quot;onglet &quot; id=&quot;onglet_2&quot;>onglet 2</li>
<li onClick=&quot;change_cat(3)&quot; class=&quot;onglet &quot; id=&quot;onglet_3&quot;>onglet 3</li>
<li onClick=&quot;change_cat(4)&quot; class=&quot;onglet &quot; id=&quot;onglet_4&quot;>onglet 4</li>
<li onClick=&quot;change_cat(5)&quot; class=&quot;onglet &quot; id=&quot;onglet_5&quot;>onglet 5</li>
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.

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é Smile .

Cordialement.

Invité
Invité


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

Résolu Re: onglets les catégories et non la description

Message par Anzu le Jeu 31 Mar 2011 - 23:29

Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: onglets les catégories et non la description

Message par Alec Turner le Sam 2 Avr 2011 - 12:51

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

Alec Turner
****

Féminin
Messages : 390
Inscrit(e) le : 17/03/2008

http://solemnyswear.keuf.net/
Alec Turner a été remercié(e) par l'auteur de ce sujet.

Résolu Re: onglets les catégories et non la description

Message par Invité le Sam 2 Avr 2011 - 13:12

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.

Invité
Invité


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

Résolu Re: onglets les catégories et non la description

Message par Alec Turner le Sam 2 Avr 2011 - 15:40

voici le lien du forum



tu peux voir qu'il n'existe plus du tout ^-^ici

Alec Turner
****

Féminin
Messages : 390
Inscrit(e) le : 17/03/2008

http://solemnyswear.keuf.net/
Alec Turner a été remercié(e) par l'auteur de ce sujet.

Résolu Re: onglets les catégories et non la description

Message par Invité le Sam 2 Avr 2011 - 20:28

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.

Invité
Invité


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

Résolu Re: onglets les catégories et non la description

Message par Melisa25 le Sam 2 Avr 2011 - 20:56

Son problème est résolu ! Allez voir son forum est vous verrez !

Melisa25
**

Messages : 92
Inscrit(e) le : 11/02/2011

http://forumpourfilles.superforum.fr
Melisa25 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: onglets les catégories et non la description

Message par Alec Turner le Dim 3 Avr 2011 - 21:57

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?


Dernière édition par Alec Turner le Dim 3 Avr 2011 - 22:01, édité 1 fois

Alec Turner
****

Féminin
Messages : 390
Inscrit(e) le : 17/03/2008

http://solemnyswear.keuf.net/
Alec Turner a été remercié(e) par l'auteur de ce sujet.

Résolu Re: onglets les catégories et non la description

Message par Invité le Dim 3 Avr 2011 - 22:00

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.

Invité
Invité


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

Résolu Re: onglets les catégories et non la description

Message par Alec Turner le Dim 3 Avr 2011 - 22:02

voila index body
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 ^-^

Alec Turner
****

Féminin
Messages : 390
Inscrit(e) le : 17/03/2008

http://solemnyswear.keuf.net/
Alec Turner a été remercié(e) par l'auteur de ce sujet.

Résolu Re: onglets les catégories et non la description

Message par Invité le Dim 3 Avr 2011 - 22:13

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.

Invité
Invité


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

Résolu Re: onglets les catégories et non la description

Message par Melisa25 le Lun 4 Avr 2011 - 12:36

Bein quand je suis aller sur ton forum ça marchait très bien ...

Melisa25
**

Messages : 92
Inscrit(e) le : 11/02/2011

http://forumpourfilles.superforum.fr
Melisa25 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: onglets les catégories et non la description

Message par Alec Turner le Lun 4 Avr 2011 - 21:24

>°< 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

Alec Turner
****

Féminin
Messages : 390
Inscrit(e) le : 17/03/2008

http://solemnyswear.keuf.net/
Alec Turner a été remercié(e) par l'auteur de ce sujet.

Résolu Re: onglets les catégories et non la description

Message par Invité le Lun 4 Avr 2011 - 21:55

Bonsoir,

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=&quot;center&quot; style=&quot;display:none;&quot; id=&quot;conteneur_barre_onglet&quot;>
<ul class=&quot;conteneur_onglets&quot;>

<li onClick=&quot;change_cat(1)&quot; class=&quot;onglet actif&quot; id=&quot;onglet_1&quot;>Avant -propos-</li>
<li onClick=&quot;change_cat(2)&quot; class=&quot;onglet &quot; id=&quot;onglet_2&quot;>Hors Rp-</li>
<li onClick=&quot;change_cat(3)&quot; class=&quot;onglet &quot; id=&quot;onglet_3&quot;>Tianxia-</li>
<li onClick=&quot;change_cat(4)&quot; class=&quot;onglet &quot; id=&quot;onglet_4&quot;>Maid Club-</li>
<li onClick=&quot;change_cat(5)&quot; class=&quot;onglet &quot; id=&quot;onglet_5&quot;>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(&quot;actif&quot;);
      $('.onglet[id=onglet_'+numero+']').addClass(&quot;actif&quot;);
   }
}

function capture_cat()
{
   if(compteur_cat == 1)
   {
      document.write('<table class=&quot;forumline&quot; id=&quot;categorie_' + compteur_cat + '&quot; >');
   }
   else
   {
      $('#conteneur_barre_onglet').css(&quot;display&quot;,&quot;block&quot;);
      document.write('</table><table class=&quot;forumline&quot; id=&quot;categorie_' + compteur_cat + '&quot; style=&quot;display:none;&quot;>');
   }
   
   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 -->
Normalement ça devrait être bon.

Cordialement.

Invité
Invité


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

Résolu Re: onglets les catégories et non la description

Message par Alec Turner le Mar 5 Avr 2011 - 17:38

tout marche !

Isolde un grand merci pour ton aide précieuse et rapide

au plaisir

Alec Turner
****

Féminin
Messages : 390
Inscrit(e) le : 17/03/2008

http://solemnyswear.keuf.net/
Alec Turner 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