Très joli menu vertical dont la couleur du lien actif change

Voici un très joli menu vertical. La couleur change selon la position de la sourie pour signaler un lien actif:

Diaporama Visuel Video Texte HTML Fichiers Aspect du blog Menus Gestion de blogger Widgets Référencement Flux RSS

Code:

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;
 }
</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>
<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>
<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>
<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">Référencement</a>
<a href="http://optimisation-blogger.blogspot.com/search/label/Flux%20RSS" class="bouton">Flux RSS</a><noscript></noscript>

tres jo
li menu vertical couleur changeante blogger

3 commentaires:

Les Intouchables 1901 a dit…: Bonjour,
Je fait un blog sur la plate forme Blogger et j'essaye de faire un menu.
J'ai prix l'exemple que tu mets sur ton site. Mais le menu étant trop petit, j'ai rajouter la hauteur : height:30px; mais je n'arrive pas à grossir la police de caractère. Si tu pouvais m'aider à trouver, ce serait cool, merci d'avance; 7 juillet 2012 à 09:58
olivier sk a dit…: Tu peux utiliser la règle CSS suivante :
font-size
ex :
a { font-size : 18px; }
ou à même tes balises (moins propre) :
< a style="font-size : 18px">mon lien< /a>
Bonne chance avec ton menu!; 7 juillet 2012 à 16:33
lacollectionricarddenico a dit…: Bonjour,

Dans le code de ce menu comment faire pour ouvrir un sous menu lorsqu'on clique sur le libellé que l'on veut développer (comme le menu de ce blog).

Merci d'avance.; 22 août 2013 à 16:18

Très joli menu vertical dont la couleur du lien actif change

3 commentaires:

Enregistrer un commentaire