Soyez le premier à donner votre avis sur cette source.
Vue 6 650 fois - Téléchargée 607 fois
<html> <head> <STYLE type="text/css"> <!-- nav { width:650px; height:42px; margin: auto; background:rgba(102,102,102,0.8); } nav ul{ list-style-type:none; padding-left:30px; text-align:center; } nav ul li a { display:block; float:left; text-decoration:none; width:100px; padding:5px; font-size:16px; font-weight:bold; background:rgba(0,0,0,0.5); transition: background 0.8s linear; -moz-transition: background 0.8s linear; -webkit-transition: background 0.8s linear; margin:5px 5px 0 0; line-height:20px; color:white; -moz-box-shadow: 0 0 8px #000000 inset, 0 0 16px #000000 inset, 0 0 4px #000000; -webkit-box-shadow: 0 0 8px #000000 inset, 0 0 16px #000000 inset, 0 0 4px #000000; box-shadow: 0 0 8px #000000 inset, 0 0 16px #000000 inset, 0 0 4px #000000; -moz-border-radius: 5px ; -webkit-border-radius: 5px ; border-radius: 5px; border:1px solid #197462; } nav ul li a:hover { background:#02FFCD; color:#242424; } nav ul li a.active { background:#02FFCD; color:#242424; } --> </STYLE> </head> <body> <nav> <ul> <li><a href="#">page 1</a></li> <li><a class="active" href="#">page 2</a></li> <li><a href="#">page 3</a></li> <li><a href="#">page 4</a></li> <li><a href="#">page 5</a></li> </ul> </nav> </body> </html>
j'ai utilisé : IE9, Firefox, et Chrome, le 1ier rien, les 2 autres du rouge !
Merci d'avoir répondu à mon courriel
LGR
1) le menu n'est pas horizontal mais vertical,
2) pas d'effets particuliers !
dommage
LGR
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.