CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Catégories en onglets [phpBB2] | |
| Invité Invité
| Bonjour J'ai dernièrement suivi un tuto' servant à afficher les catégories du forum en cliquant sur des onglets. Mais il y a un problème, et je n'arrive pas à trouver ce qui ne va pas dans mon template ^^" Voilà le problème: - Spoiler:
- Spoiler:
Je voudrais que les catégories de "Norihisa HighSchool" soient alignées comme celles de "Pour commencer..." =3 Mon template: - 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"> {CURRENT_TIME}
</span> <!-- END switch_user_logged_in --> </td> </tr> </table> <!-- DEBUT MODIF ONGLETS -->
<script type="text/javascript"> <!--
var i = 0;
document.write('<div align="center"> <ul class="onglet"> <li onclick ="change_cat(0);" class="onglet_actif" id="cat_0">Pour commencer</li> <li onclick ="change_cat(1);" class="onglet_nactif" id="cat_1">Norihisa HighSchool</li> <li onclick ="change_cat(2);" class="onglet_nactif" id="cat_2">Graphisme</li> <li onclick ="change_cat(3);" class="onglet_nactif" id="cat_3">FloodLand</li> <li onclick ="change_cat(4);" class="onglet_nactif" id="cat_4">Corbeille</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 --> <tr> <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="750" 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"> <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 over" align="center" valign="middle" height="50"> <span class="gensmall"><div class="sujets_messages">Messages : {catrow.forumrow.POSTS} | Sujets : {catrow.forumrow.TOPICS}</div> <div class="derniers_sujets">{catrow.forumrow.LAST_POST}</div></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 -->
Merci beaucoup pour votre aide | | |
| | | .Little Lady
{ Membre actif }
Messages : 564
| Serait-il possible d'avoir le lien du forum et du tuto suivi ?? | | |
| | | Invité Invité
| Oui bien sûr pas de problème Mon forum Le Tuto (il faut être inscrit) | | |
| | | .Little Lady
{ Membre actif }
Messages : 564
| Par contre, sous Firefox, je ne vois pas la même chose que toi. Pour moi, c'est parfaitement bien placé. | | |
| | | Invité Invité
| Ah bon? Tant mieux, moi je suis sous Safari ^^" J'espère que ça marche aussi pour IE =S Je viens de tester sur FireFox, et ça marche bien... (mais chez moi il est lent alors je préfère Safari) Bon, ben je mettrai une notice comme quoi le forum est optimisé pour FireFox, merci de m'avoir prévenue Voilà c'est résolu =) | | |
| | | Contenu sponsorisé
| | | | | Catégories en onglets [phpBB2] | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
|