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! |
| Faire d'un onglet plusieurs. | |
| Ninie
{ Membre }
Messages : 21
| Bonjourrrrr ^^ Voilà donc, j'ai installé un petit effet pour la description de mes forums mais, j'aimerais bien que l'unique tableau du sous forum en fasse plusieurs. En haut et en bas (si nécessaire. Par exemple si j'ai six sous forum. Sinon, juste en haut) J'ai déjà enlevé l'onglet sujet & message qui se trouvait en haut, par contre je n'arrive pas à faire plusieurs petits onglets. Le code de mon "inde_box" : - 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}<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="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}>
<!---- DÉBUT DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ---->
<div class="forum-description"> <span class="genmed">{catrow.forumrow.FORUM_DESC}</span> </div> <div class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div> <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> </td> <!-- BEGIN forum_link_no --> <td class="row3 over" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span> </td>
<!---- FIN DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ---->
<!-- 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 --> </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Ma feuille css : - Spoiler:
- Code:
-
textarea, .textarea.post, input.post { -moz-border-radius:10px; }
.bodyline { -moz-border-radius:10px; }
.forumline{ background-color: #COULEUR; -moz-border-radius: 10px ; border: 3px #COULEUR solid; }
.mystats_fa{ padding: 5px; float:right; font-family: verdana; font-size: 10px; font-weight: bold; }
/*--- Cette partie correspond à la description du forum ---*/ .forum-description { margin: auto; padding: 10px; color: #000000; width: 80%; border: 1px solid #000000; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 14px; -webkit-border-radius-bottomright: 14px; -webkit-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 14px; -moz-border-radius-topright: 0px; -webkit-border-radius-topright: 0px; -webkit-border-radius-topleft: 14px; font-size: 12px; }
/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/ .forum-stats { -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; -webkit-border-top-left-radius: 20px; border-top-right-radius: 20px; border-top-left-radius: 20px; border-bottom: 0 none !important; border-left: 3px solid #000000; border-right: 3px solid #000000; border-top: 3px solid #000000; color: #000000; font-size: 11px; font-style: italic; height: 14px; left: 280px; padding: 3px; position: relative; text-align: center; width: 200px; }
/*--- Cette partie correspond à l'affichage des sous-forums ---*/ .forum-sousforum { color: #000000; border: 1px solid #000000; border-top: 0px !important; -moz-border-radius-bottomleft: 14px; -moz-border-radius-bottomright: 14px; -webkit-border-bottom-right-radius: 14px; -webkit-border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; margin: auto; padding: 4px; color: #000000; width: 50%; text-align: center; height: 14px; font-size: 11px; }
En espérant ne pas m'être trompé de catégorie pour poster mon message ! Un petit merci d'avance également :p | | |
| | | VPeybernes
{ Membre actif }
Messages : 563
| Bonjour. Pour faire en sorte d'avoir des onglet pour chaque sous forum, il suffi d'appliquer le style, non pas au block mais à chaque lien dans le block. Donc dans ton CSS : - Code:
-
.forum-sousforum
=>
.forum-sousforum a Pour le reste ce n'est pas possible via du CSS et du HTML. La liste des sous forum est générée par une seul variable. Impossible de la scindé. Et encore moins de la rendre intelligente pour quelle ne le fasse qu'à partir d'un certain nombre de forum. Il faudrai écrire un mini programme. Pour ça, la Zone Script, partenaire de CSSActif, peut t'aider. | | |
| | | Ninie
{ Membre }
Messages : 21
| oh d'accord ! C'est bête XD Ca m'a l'air compliqué ^^
Enfin merci pour ta réponse =D
Edit : a fermer ^^ | | |
| | | Contenu sponsorisé
| | | | | Faire d'un onglet plusieurs. | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
|