Comment faire un menu cadré?

Layna à 17h57
20
May
2010
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 Wink
1 Final-Blonde, le 21/05/2010 à 10h32
Bonjour,

Peux-tu donner ce que tu as dans le CSS concernant ta navbar ?
2 Layna, le 21/05/2010 à 16h57
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;

}
3 Final-Blonde, le 22/05/2010 à 14h40
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.
4 Layna, le 22/05/2010 à 18h46
Ah ok^^ Merci je vais essayer sa tout à l'heure pck là jsuis pas chez moi !
5 Layna, le 23/05/2010 à 13h02
Bah je viens de l'essayer, sa marche pas Sad
6 Final-Blonde, le 23/05/2010 à 13h57
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... Confused
7 Layna, le 23/05/2010 à 14h16
tant pis^^ Merci en tout cas!
8 Final-Blonde, le 23/05/2010 à 14h21
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 ?
Sujets similaires
bonjour a tous et grand merci d'avance pour votre réponse voila je veux créer un menu tree ou menu arborescent à la manière de windows j'ai bien téléchargé des logiciel de creation et generateur de menu arborescent mais on me demande de mettre des
Vous avez créé un menu, maintenant vous désirez le faire apparaitre en glissant. Au début de l'opération, - vous avez édité le menu (double-clic + bouton jaune) - les éléments sont placés à leur position finale Comment faire ? 1 - "zoner" tous
Comment créer un menu ? Voici une seconde méthode de construction (Note : il faut maintenant utiliser le menu "Objets dynamqiues")
Réponses 1 à 8 sur 8 pour "Comment faire un menu cadré?"
À voir aussi
more_less
Informations

8 Réponses pour le sujet :
"Comment faire un menu cadré?"

Ce sujet a été vu 1227 fois.

Dernier message écrit :
20/05/2010 à 17h57 par "Layna"