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! |
| OceanSoul
{ Membre }
Messages : 137
| Bonzour bonzour les zamis Alors j'aurai eu.. plusieurs petites questions à vous poser en fait. Je vais tenter de tout bien expliquer, mais bon, si jamais c'est pas clair vous me le dites hein ^^ EDIT : Pour le menu de votre problème 1, merci d'utiliser la catégorie " demande de codes " du forum.
2. Après, toujours sur le même forum, mais on voit ça un peu partout il me semble. Les catégories. Je suis fan du cadre qui entoure les descriptions et des petits onglets où sont sagement rangés les liens des sous-catégories. J'ai cherché un peu partout, mais je n'ai rien trouvé T__T Si vous pouviez m'aider. 3. Mon dernier soucis, après promis j'arrête de vous embêter J'aimerai que ma barre de navigation ne fasse qu'un bloc, comme ici Le truc c'est que quand je fais ça, je me retrouve un gros vide entre chaque lien. - Spoiler:
Vilou, merci d'avance | | |
| | | Boow
{ Membre actif }
Messages : 866
| Je peux te donner quelque chose pour la troisièùme question. Vas dans les templates, dans "overall_header_new". Trouve ceci :
- Code:
-
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}"> <tr> <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td> </tr> </table> Puis ajoute une classe, comme par exemple ceci :
- Code:
-
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}"> <tr> <td align="{MENU_POSITION}"{MENU_NOWRAP} class="barre_navigation">{GENERATED_NAV_BAR}</td> </tr> </table> Ensuite, dans ton CSS, mets ceci :
- Code:
-
.barre_navigation { border-top: solid 2px #404853; background-color: #181d21; text-align: center; color: #1f2f3c !important; } | | |
| | | OceanSoul
{ Membre }
Messages : 137
| Ca fonctionne! Merci beaucouppp <3 | | |
| | | Boow
{ Membre actif }
Messages : 866
| | | | Invité Invité
| Pour ta question numéro deux, je vais t'aider. Après avoir fait mes recherches, j'ai trouvé quelque chose qui est, bien évidemment, à personnaliser sinon ça donnera du n'importe quoi =D donc le code CSS. - Code:
-
.haut {width: 20%; margin-left: 70%; margin-bottom: 0px; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; -moz-border-radius-topleft: 10px; -webkit-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-radius-topright: 10px; padding: 5px;} .milieu {width: 98%; margin: 0px; border: 1px solid #000000;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px;} .bas {width: 20%; margin-left: 10%; margin-top: 0px; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-radius-bottomleft: 10px; -webkit-border-radius-bottomright: 10px; padding: 5px;} Il faut aussi remplacer cette partie dans le template index_box - Code:
-
<!-- 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> <!-- 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 --> PAR CECI ; - Code:
-
<!-- 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}> <div class="haut"><span class="gensmall">Sujets : {catrow.forumrow.TOPICS} | Messages : {catrow.forumrow.POSTS}</span></div> <div class="milieu"><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></div> <div class="bas"><span class="gensmall">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </span></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 --> et le code à mettre dans la description des forums sera le suivant : - Code:
-
<div class="haut">En haut à gauche</div> <div class="milieu">Partie centrale</div> <div class="bas">En bas à droite</div> Après ça, tu me diras si ça va... | | |
| | | OceanSoul
{ Membre }
Messages : 137
| Merci pour ton aide, je tenterai de voir ce que ça donne, et si jamais ça ne fonctionne pas, je vous ferai signe | | |
| | | Invité Invité
| De rien ça fait plaisir =) | | |
| | | Invité Invité
| Ton problème est réglé OceanSoul ? | | |
| | | OceanSoul
{ Membre }
Messages : 137
| Vouip tout à l'air correct ^^ Merci pour votre aide | | |
| | | Contenu sponsorisé
| | | | |
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
|