CODE POUR MENU #2

Comment avoir un menu comme ici:



h2 { text-align: center; color: #code couleur du titre; background-color: #code couleur du fond du titre; font-size: 12px; font-family: verdana; font-weight:bold; padding: 1px; margin-bottom: 0px; border-bottom: 3px solid #code couleur de la ligne sous le titre; } #subnav A:link, #subnav A:visited, #subnav A:active { font-style: verdana; font-size: 13px; text-align: center; padding: 2px; color: #code couleur du lien menu; background-color: #code couleur du fond de la case menu; line-height: 13px; display: block; border-bottom: 1px solid #code couleur des lignes entre les cases menu; } #subnav A:hover { color: #code couleur du lien menu survolé; background-color: #code couleur du fond du menu survolé; }

Entrez ce code dans votre page css. N'oubliez pas de changer vos codes couleurs afin d'avoir un menu personnalisé. Vous pouvez aussi éventuellement changer les tailles, mais vous obtiendrez des résultats légèrement différents des nôtres.

Pour le voir apparaître, allez ensuite dans votre page menu, et mettez ces balises :

<h2>title</h2> <div id="subnav"> <a href="">menu</a> <a href="">menu</a> <a href="">menu</a> <a href="">menu</a> <br> </div>

Remplacez les "menu" et les "title"et le tour est joué ;). Collez le code ci-dessus autant de fois que vous le voulez pour agrandir votre menu.

posté par Okorimakuri le 11/04/09