[Templates index_box] Catégorie à ongltes

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

Résolu [Templates index_box] Catégorie à ongltes

Message par piernogood le Sam 17 Déc 2011 - 21:53

Bonjour,

Je souhaiterais faire un onglets en haut, pour chaque catégorie, donc je me suis aider de ce poste :
http://forum.forumactif.com/t309242-des-onglets-pour-les-categories?highlight=categories+onglet

Par contre, je n'utilise pas le même index_box que cette personnes, donc si j'ai bien compris, ces :

A mettre dans la Template :

Code:
<!-- 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">Le Blabla Habituel </li>
<li onClick="change_cat(2)" class="onglet " id="onglet_2">Personnages</li>
<li onClick="change_cat(3)" class="onglet " id="onglet_3">Vies et Personnages</li>
<li onClick="change_cat(4)" class="onglet " id="onglet_4">Paris </li>
<li onClick="change_cat(5)" class="onglet " id="onglet_5">The Free Zone</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 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 -->

A mettre dans le CSS :


Code:
        .onglet{
        display:inline-block;
        padding:5px;
        }

Pour le CSS, je n'est aucun soucis. Par contre pour la template j'utilise la template par des faux soit :

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>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <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>
      <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>
   </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 -->

Donc, enfaite j'aimerais savoir ou mettre le code pour la template pour les onglets, car sa me rajoute un message :

Erreur

La balise a été fermée avant d'avoir été ouverte ou la balise n'a pas été ouverte.

Donc si vous pouviez m'aider pour savoir ou le placer s'il vous plait ? Merci !

Deuxième chose, est t'il possible pour un onglets, d'ajouter deux catégorie et non une seul ?
Par exemple onglets accueil, comprend la catégorie règles, comprenant des forum, et la catégorie communauté comprenant également des forums ?
Si cela est possible, mes je pense que oui, comment faire ?

Merci de votre aide !

Amicalement,
Filing


Dernière édition par piernogood le Lun 19 Déc 2011 - 18:51, édité 1 fois

piernogood
****

Masculin
Messages : 263
Inscrit(e) le : 13/01/2007

http://drakan.probb.fr
piernogood a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Templates index_box] Catégorie à ongltes

Message par piernogood le Lun 19 Déc 2011 - 12:57

Quelqu'un pour m'aider s'il vous plait ?

Ps : J'ai fait une demande d'apparence pour les catégories, je voudrais savoir si les onglets pourrons être compatible avec celui si ? Lien : http://forum.forumactif.com/t320870-apparence-des-categories#2783152

Merci,

Amicalement,
Filing

piernogood
****

Masculin
Messages : 263
Inscrit(e) le : 13/01/2007

http://drakan.probb.fr
piernogood a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Templates index_box] Catégorie à ongltes

Message par piernogood le Lun 19 Déc 2011 - 18:51

Problème résolu j'ai trouver la solution tous seul Very Happy

piernogood
****

Masculin
Messages : 263
Inscrit(e) le : 13/01/2007

http://drakan.probb.fr
piernogood 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