Menu urbain Side Gris

Menu urbain Side Gris

Ceci est le menu latéral nonchalante

 grisâtre qui s'harmonise bien avec 

la plupart des modèles. Les en-tête

s de menu sont H3 balises avec 

une image de fond non répétant 

que sa balle, tandis que 

es liens du menu sont

tous liste en fonction.

Une seule image utilisée (2 parfums au choix):  ou
/*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">


/*noter :vous pouvez traduire les commentaires de votre css, le modifier et le traduire a votre langue via ce lien http://translate.google.com*/


.urbangreymenu{
width: 190px; /*width of menu*/
}


.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}


.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}


.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}


.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}


.urbangreymenu ul li a:visited{
color: black;
}


.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}


</style>

<div class="urbangreymenu">


<h3 class="headerbar">CSS Library</h3>
<ul>
<li><a href="votre lien ici">Horizontal CSS Menus</a></li>
<li><a href="votre lien ici">Vertical CSS Menus</a></li>
<li><a href="votre lien ici/">Image CSS</a></li>
<li><a href="votre lien ici">Form CSS</a></li>
<li><a href="votre lien ici">DIVs and containers</a></li>
<li><a href="votre lien ici">Links & Buttons</a></li>
<li><a href="votre lien ici">Other</a></li>
<li><a href="votre lien ici">Browse All</a></li>
</ul>


<h3 class="headerbar">JavaScript Kit</h3>
<ul>
<li><a href="votre lien ici" >Free JavaScripts</a></li>
<li><a href="votre lien ici">JavaScript tutorials</a></li>
<li><a href="votre lien ici">JavaScript Reference</a></li>
<li><a href="votre lien ici">DHTML & CSS</a></li>
<li><a href="votre lien ici">Web Design</a></li>
<li><a href="votre lien ici">Free Java Applets</a></li>
</ul>


</div>

Posted in: blogger html css menu verticale