Ajouter une ID à un bouton personnalisé

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

Résolu Ajouter une ID à un bouton personnalisé

Message par damiend le Sam 10 Sep 2011 - 17:17

Bonjour, suite à cet article:
http://forum.forumactif.com/t273262-bouton-personalise-barre-de-navigation-comment-lui-ajouter-une-id-pour-le-css
j'aimerais savoir si il est possible d'utiliser l'attribut Hover car j'aimerais que l'image change au passage de la souris. J'ai essayé en utilisant ceci:
http://forum.forumactif.com/t246228-images-de-la-barre-de-navigation-modifiees-au-passage-de-la-souris
Mais ne fonctionne pas avec le bouton personnalisé.

Merci.

damiend
**

Masculin
Messages : 63
Inscrit(e) le : 25/08/2011

http://mangedesfleurs.forumgratuit.be/
damiend a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter une ID à un bouton personnalisé

Message par Ea le Sam 10 Sep 2011 - 17:33

Bonjour,


Et bien si l'id est "i_icon_mini_perso1" il suffit de mettre :

Code:
#i_icon_mini_perso1:hover { /* propriétés/valeurs css à appliquer au survol */ }

Ea
Aidactif
Aidactif

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

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

Résolu Re: Ajouter une ID à un bouton personnalisé

Message par damiend le Sam 10 Sep 2011 - 20:37

c'est bizarre, j'ai essayé et ça ne fonctionne pas justement. Est-ce parce qu'on indique l'adresse de la première image ici? Du coup, la seconde ne s'affiche pas?
http://adresse_de_image.jpg" id="i_icon_mini_perso1
Merci.

damiend
**

Masculin
Messages : 63
Inscrit(e) le : 25/08/2011

http://mangedesfleurs.forumgratuit.be/
damiend a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter une ID à un bouton personnalisé

Message par Ea le Sam 10 Sep 2011 - 20:44

Mmmh normalement on fait :

Code:
http://illiweb.com/fa/_.gif" id="i_icon_mini_perso1
Avec http://illiweb.com/fa/_.gif qui est juste une image invisible, puis on met dans le CSS :

Code:
/* image de base */
#i_icon_mini_perso1 {
  background: url(http://labonneimage.jpg); /* l'image */
  width: 200px; /* la largeur */
  height: 50px; /* la hauteur */
}
/* image au survol */
#i_icon_mini_perso1:hover {
  background: url(http://labonneimage-au-survol.jpg); /* l'image */
  /* il faudrait remettre la hauteur et la largeur si elles changent */
}
Qui permet d'avoir l'image normal et puis l'image au survol par CSS.

Ea
Aidactif
Aidactif

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

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

Résolu Re: Ajouter une ID à un bouton personnalisé

Message par damiend le Sam 10 Sep 2011 - 21:24

Merci beaucoup! Very Happy

damiend
**

Masculin
Messages : 63
Inscrit(e) le : 25/08/2011

http://mangedesfleurs.forumgratuit.be/
damiend a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter une ID à un bouton personnalisé

Message par Invité le Jeu 22 Sep 2011 - 9:57

Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

Invité
Invité


Invité 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