Images du menu

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Images du menu

Message par Nobunako le Sam 1 Oct 2011 - 16:52

Bon, j'ai suivi ce petit tutoriel sympa : Images du Menu changeante au passage de la souris , mais j'ai ajouter 3 boutons de plus au menu.

Donc j'aimerais savoir s'il est possible d'avoir leurs id="..." , pour que je puisses les modifier. A moins qu'il y est une autre manipulation à faire ...

Merci bien Wink

Nobunako
*

Messages : 37
Inscrit(e) le : 27/08/2011

http://croisade-celeste.bb-fr.com
Nobunako a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images du menu

Message par Ea le Sam 1 Oct 2011 - 16:55

Bonjour,


Vous pouvez par exemple mettre comme adresse d'image :

Code:
http://illiweb.com/fa/i/smiles/icon_cat.png" id="cmenu
Cela s'insérera comme il faut :

<img src="http://illiweb.com/fa/i/smiles/icon_cat.png" id="cmenu" />
Et vous pourrez utiliser #cmenu dans le CSS.

Ea
Aidactif
Aidactif

Messages : 23418
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images du menu

Message par Nobunako le Sam 1 Oct 2011 - 17:19

C'est parfait, ça marche (pour les différencier, j'ai ajouter un chiffre après le #cmenu afin de donner cela :

Adresse de l'image :
Code:
http://illiweb.com/fa/empty.gif" id="cmenu1

Code CSS :
Code:
/*IMAGE BOUTON PERSO 1*/
#cmenu1{
  background-image:url('http:www.url-image-de-base.png');
  width:85px; /*Largeur de l'image*/
  height:95px; /*Hauteur de l'image*/
}
#cmenu1:hover{
  background-image:url('http:www.url-image-passage-souris.png');
  width:110px; /*Largeur de l'image*/
  height:95px; /*Hauteur de l'image*/
}

Merci encore Etana (encore une fois !! thumleft thumright )

Nobunako
*

Messages : 37
Inscrit(e) le : 27/08/2011

http://croisade-celeste.bb-fr.com
Nobunako a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum