Souligné Menu horizontal
C'est un menu CSS horizontal avec un élégant populaire "souligner" l'effet montré chaque fois que la souris survole un lien. Chaque lien ( Nous avons choisi d'utiliser un graphique au lieu d'effets CSS ligne en pointillés, car elle semble regarder mieux.
note :vous pouvez traduire les commentaires de votre css, lemodifier et le traduire a votre langue via ce lien http://translate.google.com/
Le code css (comment est en français?)
<style type="text/css">
*/noter :vous pouvez traduire les commentaires de votre css, le modifier et le traduire a votre langue via ce lien http://translate.google.com/
/*
#underlinemenu{
margin: 0;
padding: 0;
}
#underlinemenu ul{
margin: 0;
margin-bottom: 1em;
padding-left: 0;
float: left;
font-weight: bold;
width: 100%;
border: 1px solid #DFDFDF;
border-width: 1px 0;
}
* html #underlinemenu ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}
#underlinemenu ul li{
display: inline;
}
#underlinemenu ul li a{
float: left;
color: gray;
font-weight: bold;
padding: 2px 6px 4px 6px;
text-decoration: none;
background: white url(media/menudivide.gif) top right repeat-y;
}
#underlinemenu ul li a:hover{
color: black;
background-color: #F3F3F3;
border-bottom: 4px solid black;
padding-bottom: 0;
}
</style>
Le code html
<div id="underlinemenu">
<ul>
<li><a href="votre lien ici" title="Home">Home</a></li>
<li><a href="votre lien ici" title="CSS Library">CSS</a></li>
<li><a href="votre lien ici" title="New">New</a></li>
<li id="current"><a href="votre lien ici" title="Revised">Revised</a></li>
<li><a href="votre lien ici" title="Tools">Tools</a></li>
<li><a href="votre lien ici/" title="DHTML Forums">Forums</a></li>
</ul>
</div>
0 commentaires:
Enregistrer un commentaire