Menu bloc solide.
C'est une maigre, menu professionnel CSS regarder c'est drapé dans une image de fond solide de deux couleurs. La séparation entre les éléments du menu est tout simplement une bordure blanche CSS. Le style est extrêmement facile à personnaliser grâce à l'image de fond simples utilisés
/*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 */
.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(media/blockdefault.gif) center center repeat-x;
}
.solidblockmenu li{
display: inline;
}
.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}
.solidblockmenu li a:visited{
color: white;
}
.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(media/blockactive.gif) center center repeat-x;
}
</style>
<ul class="solidblockmenu">
<li><a href="votre lien ici">Home</a></li>
<li><a href="votre lien ici" class="current">CSS Examples</a></li>
<li><a href="votre lien ici">Forums</a></li>
<li><a href="votre lien ici">Webmaster Tools</a></li>
<li><a href="votre lien ici">JavaScript</a></li>
<li><a href="votre lien ici">Gallery</a></li>
</ul>
<br style="clear: left" />
<p class="iepara">Paragraph that follows...</p>
0 commentaires:
Enregistrer un commentaire