Ceci est un menu vertical CSS avec un simple cadre autour des éléments de menu. Il s'agit de "minimaliste" de style vous permet de personnaliser son style encore comme bon vous semble.
/*noter :vous pouvez traduire les commentaires de votre css, le modifier et le traduire a votre langue via ce lien http://translate.google.com */
Le code css
<style type="text/css">
.wireframemenu{
border: 1px solid #C0C0votre lien C0;
background-color: white;
border-bottom-width: 0;
width: 170px;
}
* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}
.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}
.wireframemenu a{
font: bold 13px Verdana;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
}
.wireframemenu a:visited{
color: #595959;
}
html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}
.wireframemenu a:hover{
background-color: #F8FBBD;
color: black;
}
</style>
Le code html
<div class="wireframemenu">
<ul>
<li><a href="votre lien ici">le nom de votre page</a></li>
<li><a href="votre lien ici">CSS Library</a></li>
<li><a href="votre lien ici">Forums</a></li>
<li><a href="votre lien ici">Gif Optimizer</a></li>
<li><a href="votre lien ici">Favicon Creator</a></li>
<li><a href="votre lien ici">Button Maker</a></li>
</ul>
</div>
0 commentaires:
Enregistrer un commentaire