Menu horizontal dont la couleur du lien actif change

Exemple:

Code:

<STYLE> 
.link A { COLOR: #455a87; TEXT-DECORATION: underline} /* Rule 1 of embedded stylesheet */ 
.link A.bouton { BORDER-RIGHT: #868686 3px solid;
BORDER-TOP: #dbdbdb 3px solid;
DISPLAY: inline; /*block; */
FLOAT: left;
FONT-WEIGHT: bold;
BACKGROUND: #b9b9b9;
BORDER-LEFT: #dbdbdb 3px solid;
WIDTH: 150px;
BORDER-BOTTOM: #868686 3px solid;
TEXT-ALIGN: center;
TEXT-DECORATION: none} 
.link a.bouton:hover 
{
background-color: #FF6600;
border-top:4px #FFCC00 solid;
border-left:4px #FFCC00 solid;
border-bottom:2px #CC0000 solid;
border-right:2px #CC0000 solid;
}
.link
{
clear:both;
float:none;
display:block;
}

</STYLE>

<a href="http://optimisation-blogger.blogspot.com/search/label/Diaporamas" class="bouton">Diaporama</a>
<a href="http://optimisation-blogger.blogspot.com/search/label/visuel" class="bouton">Visuel</a>
<a href="http://optimisation-blogger.blogspot.com/search/label/video" class="bouton">Video</a>
</div>
<div class="link">
<a href="http://optimisation-blogger.blogspot.com/search/label/Texte" class="bouton">Texte</a>
<a href="http://optimisation-blogger.blogspot.com/search/label/HTML" class="bouton">HTML</a>
<a href="http://optimisation-blogger.blogspot.com/search/label/Fichiers" class="bouton">Fichiers</a>
</div>
<div class="link">
<a href="http://optimisation-blogger.blogspot.com/search/label/Aspect%20du%20blog" class="bouton">Aspect du blog</a>
<a href="http://optimisation-blogger.blogspot.com/search/label/Menus" class="bouton">Menus</a>
<a href="http://optimisation-blogger.blogspot.com/search/label/Gestion%20de%20blogger" class="bouton">Gestion de blogger</a>
</div>
<div class="link">
<a href="http://optimisation-blogger.blogspot.com/search/label/Widget" class="bouton">Widgets</a>
<a href="http://optimisation-blogger.blogspot.com/search/label/Referencement" class="bouton">Referencement</a>
<a href="http://optimisation-blogger.blogspot.com/search/label/Flux%20RSS" class="bouton">Flux RSS</a>
<noscript></noscript>
</div>

Menu horizontal couleur lien actif change

Menu horizontal dont la couleur du lien actif change

Aucun commentaire:

Enregistrer un commentaire