Eklablog
Editer l'article Suivre ce blog Administration + Créer mon blog

Menubar,  images au survol

Je pense que beaucoup d'entre vous se demande comment changer les images et la couleur du texte dans interactions, apparence, contenu, ou encore mon compte voir même notifications. Et cela aussi au survol. On a nous aussi chercher et on a trouvé. Et cela est très simple.

Vous devez juste mettre ce code.
.menubar_section li {
           background:url("IMAGE") no-repeat; }
.menubar_section li:last-child {
           background:url("IMAGE")no-repeat; }


Edit de Nagalia: Maintenant, à vos logiciel de graph! La première image doit faire 176*48px Elle doit être en deux partie égales. 



La deuxième image doit faire 176*62px, toujours avec deux partie égales.  




Et voilà! Un grand merci à Sosso 1998!

Edit Nagalia: Changer le survole de Contenu, apparence...
 .menubar_section:hover div{
                   background-image: url("IMAGE")}


Trouvaille de Sosso1998: Changer le fond des Notification au survol 
#menubar_notifications:hover
#menubar_notifications_btn{
                   background:#2089b3 url("IMAGE")repeat-x;
                   color:white;}


=> Modifier les notifications [Merci Jak-Ich_an!] 
Retour à l'accueil
Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Commenter cet article
N
De rien :)
Répondre
N
Super, ça marche très bien ! :3<br /> Merci beaucoup~
Répondre
N
Je pense que tu peux utiliser ce code :<br /> #menubar {height: Xpx}<br /> Si height (hauteur) ne marche pas, essaye avec width (largeur) au lieu de height !<br /> Tu remplace X par la valeur désirée, et voilà :)<br /> Sachant que le menubar fait 26px normalement !<br /> Après, c'est à vérifier, je ne suis pas totalement sûre...<br />  
Répondre
N
Bonjour ! Merci pour ce tuto !<br /> J'aimerai savoir si c'est possible de modifier la largeur du menubar ? J'aimerai l'élargir un peu plus.
Répondre
E
Salut !<br /> ça marche paaaaaas…<br /> j'ai mis ça comme code : <br /> .menubar_section li {           background:*url("mon url d'image") no-repeat; } .menubar_section li:last-child {           backg*round:url*("mon url d'image")no-repeat; }
Répondre