Comment faire un menu cadré?

[Layna]

Bonjours j'aimerais que ma barre des menus ait un cadre...

Je vous montre :
http://hatsukoi.forumactif.com/forum.htm

Je veux pas changer l'écriture, rien du tout juste le cadre..

Merci

[kheino]

Bonjour,

Peux-tu donner ce que tu as dans le CSS concernant ta navbar ?

[Layna]

Voilà ^^

Code:

 body { background-attachement: fixed; background-repeat: no-repeat; background-position: top center;}


a { text-decoration: none; }

a:hover  {cursor:crosshair;}

tr.post span.gensmall { display: none; }


bodylinewidth {
width:710px
}


a.mainmenu:link, a.mainmenu:visited{
margin-left : 6px;
margin-right : 6px;
font-family :default;
color: #ebcfb;
text-align:left;
border-left: 4px solid #ebcfb;

}


[kheino]

Ok, nous devons passer par le PA >> Affichage >> Général >> Templates >> Général > overall_header_new
Cherche (Ctrl+F) :

Code:

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">

Ici nous allons donner à ce tableau un attribut "class" avec un identifiant que tu peux ensuite gérer par le CSS.
Donc remplace le précédent code par :

<table class="cadrenav" cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">

Enregistre et publie ton template.

Dans Affichage >> Couleurs > onglet Feuille de style CSS
On reprend l''identifiant cadrenav et lui assigne ses propriétés ainsi :

.cadrenav {background-color: #code_couleur_fond;
border: 2px solid #code_couleur_bordure;
-moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px;
padding: 4px 10px 4px 10px;
}

Les trois lignes "radius" sont pour les coins arrondis et pour tous les navigateurs qui les lisent (pas encore IE8 dans les plus communément utilisés).
Le "padding" (espace) codé ainsi va dans le sens des aiguilles d'une montre en commençant par le .
haut 4px > droite 10px > bas 4px > gauche 10px

Bien sûr que les valeurs sont là juste à titre d'exemple.

[Layna]

Ah ok^^ Merci je vais essayer sa tout à l'heure pck là jsuis pas chez moi !

[Layna]

Bah je viens de l'essayer, sa marche pas

[kheino]

Euh, tu as bien suivi avec le template overall_header_new et le CSS ?

Il ne me semble pas d'après le code source de ton forum...

[Layna]

tant pis^^ Merci en tout cas!

[kheino]

Attends, tant pis de quoi ?

Tu n'as même pas mis les codes suggérés pour arriver à réaliser ce que tu voudrais. je ne les vois pas dans le code source de ton forum...
Y a-t-il quelque chose que tu n'aies pas compris ?

Pourquoi demander de l'aide alors ?