| Menu en dessous de la barre de navigation et au dessus des pubs | |
|
Poulette ♥
{ Membre }
Messages : 46
| Re-bonsoir (aa) Voilà mon nouveau problème; J'aimerais bien faire un menu comme sur ce forum, juste en dessous de la barre de navigation et au dessus des pub avec le gros bord arrondi. Mais je n'arrive pas du tout à faire ceci. Je sais qu'il faut poster dans le template overall_header_new, mais c'est tout. Après je ne sais pas où exactement, et pour le reste non plus. Merci de m'aider | | |
|
| |
Thalie
{ Membre actif }
Messages : 317
| Coucou miss, j'ai une grand nouvelle pour toi, j'ai trouver comment fait, cependant pour que tu le sache il vas falloir que tu attend un peu que je te rédige une explication potable parce que ce n'est pas super super simple. Enfin une fois qu'on a compris si mais bon ... Je te demande donc un peu de patience | | |
|
| |
Poulette ♥
{ Membre }
Messages : 46
| Ohhhh merciiii Décidément tu es ma sauveuse J'attends patiemment t'inquiètes pas! Et merci | | |
|
| |
Thalie
{ Membre actif }
Messages : 317
| Ben finalement ca a été plus rapide que prevu lol. J'espère juste que tu vas comprendre. Voilà, donc tu avait raison c’est bien dans le template overall_header_new qu’il faut travailler, mais aussi avec le css. Mais bon, commencons par le commencement. Tu voulait faire une grosse bordure à ton forum, tu met donc dans ton css : - Code:
-
.bodyline{ -moz-border-radius:20px; /*si tu veux qu’il soit arrondis*/ border: ?px solid # ?; /* ici tu connais surement, c’est la largeur de la bordure, le type et la couleur*/ } Voilà tu as une bordure épaisse. Maintenant pour les liensau dessus et en dessous de cette bordureil faut que tu remplace dans ton template : - Code:
-
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}"> <tr> <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td> </tr> </table> Par : - Code:
-
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" style="margin-top:-59px;"> <tr> <td align="{MENU_POSITION}" {MENU_NOWRAP}> <a href="LIEN" class="barre1">INTITULE</a> <a href="LIEN" class="barre1"> INTITULE </a> <a href="LIEN" class="barre1"> INTITULE </a> <a href="LIEN" class="barre1"> INTITULE </a> <!-- {GENERATED_NAV_BAR} --></td> </tr> </table> <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" style="margin-top:-31px;"> <tr> <td align="{MENU_POSITION}" {MENU_NOWRAP}> <a href="LIEN" class="barre2"> INTITULE </a> <a href="LIEN" class="barre2"> INTITULE </a> <a href="LIEN" class="barre2"> INTITULE </a> <a href="LIEN" class="barre2"> INTITULE </a> </td> </tr> </table> Bon alors quelques explication maintenant. Tu peut voir que j’ai appliquer des marge négative pour les deux tableau, suivant ce que tu fait tu devra peut être les changer des quelques pixels. Après avec ce système là la barre classique que l’on peut faire via photoshop ou photofiltre ne sert plus à rien, puisque là tu fait tout en html et css. La margin-top négatif veut dire que plus c’est haut dans le négatif plus ton texte sera haut. J’espère que tu arrive à comprendre. A Tout moment si tu veux revenir à la barre de base (celle qu’on fait avec tophop ou tophiltre) il te suffit de remplacer : - Code:
-
<a href="LIEN" class="barre2"> INTITULE </a> <a href="LIEN" class="barre2"> INTITULE </a> <a href="LIEN" class="barre2"> INTITULE </a> <a href="LIEN" class="barre2"> INTITULE </a> Par - Code:
-
{GENERATED_NAV_BAR} Voilà on passe maintenant au CSS. - Code:
-
.barre1{ /*celle du haut*/ -moz-border-radius-topleft:10px; /*arrondis en haut*/ -moz-border-radius-topright:10px; background-color: #?; border: ?px solid #?; /*bordure*/ padding-left:2px; /*espacement a l’intérieur les bordures*/ padding-right:2px; margin-right:2px; /*espacement entre les lien*/ }
.barre2{ /*celle du bas*/ -moz-border-radius-topleft:10px; /*arrondis en bas*/ -moz-border-radius-topright:10px; background-color: #?; border: ?px solid #?; /*bordure*/ padding-left:2px; /*espacement a l’intérieur les bordures*/ padding-right:2px; margin-right:2px; /*espacement entre les lien*/ } | | |
|
| |
Poulette ♥
{ Membre }
Messages : 46
| Meeerci Mais ca ne fonctionne pas regarde ce que ça me fait ... - Spoiler:
| | |
|
| |
Thalie
{ Membre actif }
Messages : 317
| Lol oué c'est normal, j'ai oublier de te donner un truc sorry. A mettre dans ton css. - Code:
-
.bodylinewidth { margin-top:500px; } Après faut peut être régler la distance, a voir sur ton forum. | | |
|
| |
Poulette ♥
{ Membre }
Messages : 46
| Merci lol. Mais je n'arrive pas du tout à remettre comme il fallait! Ca donne pas bien du tout =$ | | |
|
| |
Thalie
{ Membre actif }
Messages : 317
| Roooo mince alors, c'est quoi qui vas pas ? C'est tout nouveau pour moi aussi alors faut que j'y travail lol. Tu peut me passer le lien de ton forum. | | |
|
| |
Poulette ♥
{ Membre }
Messages : 46
| En fait le code que tu viens de me donner, ma décaler mon fofo vers le bas lol | | |
|
| |
Thalie
{ Membre actif }
Messages : 317
| ok et si tu essaye en enlevant ton image transparente ? Parce que moi en faite j'ai essayer sur mon forum mais ya pas d'image transparente .... | | |
|
| |
Poulette ♥
{ Membre }
Messages : 46
| Ah bha vouiii attend ca marche. Mais maintenant comme fait-on pour quand pouvoir cliquez sur le header ? | | |
|
| |
Thalie
{ Membre actif }
Messages : 317
| Faut encore que j'y reflechise | | |
|
| |
Poulette ♥
{ Membre }
Messages : 46
| D'accord Ensuite je les retrouve où les liens à reporter ? Genre s'enregistrer et tout ? | | |
|
| |
Thalie
{ Membre actif }
Messages : 317
| lol il aurais fallu les prendre avant, mais c'est pas grave on peut rectifié. Met ce code au dessus des deux autres, recupère les lien et enlève le. - Code:
-
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}"> <tr> <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td> </tr> </table> | | |
|
| |
Poulette ♥
{ Membre }
Messages : 46
| Lol. J'ai tout abandonné ... Je m'embrouille. Donc j'ai fais simple! Désolée de t'avoir embêtée quand même | | |
|
| |
Thalie
{ Membre actif }
Messages : 317
| Ben c'est bête tu était bien partie. Enfin c'est pas grave, j'essayerai de poster un tuto un peu plus clair ^^ | | |
|
| |
Poulette ♥
{ Membre }
Messages : 46
| Mdrr Merci quand même franchement! | | |
|
| |
Thalie
{ Membre actif }
Messages : 317
| Ben je suis désolé de ne pas avoir pu t'aider plus que ça. Enfin je classe ? | | |
|
| |
Poulette ♥
{ Membre }
Messages : 46
| |
| |
Contenu sponsorisé
| |
| |
| Menu en dessous de la barre de navigation et au dessus des pubs | |
|