Créer un identifiant image

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

Résolu Créer un identifiant image

Message par nic727 le Lun 27 Jan 2014 - 20:26

Bonjour,

j'ai ajouter un option dans ma barre de menu et j'ai besoin d'un id. image pour pouvoir changer la couleur de l'icone lors du survol, mais comment faire?

Merci beacoup de votre aide


Dernière édition par nic727 le Jeu 30 Jan 2014 - 17:35, édité 1 fois

nic727
**

Masculin
Messages : 86
Inscrit(e) le : 30/04/2012

http://medalofhonor.bbactif.com
nic727 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un identifiant image

Message par Adam_sfp le Lun 27 Jan 2014 - 22:19

Bonsoir

Dans la case image essayez en mettant le lien de votre image et votre id de cette manière
Code:
 LE LIEN DE VOTRE IMAGE" id="test

Cdt

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un identifiant image

Message par nic727 le Mar 28 Jan 2014 - 17:09

Bonjour, merci, mais comment faire si je veux un changement de couleur au survol. Par exemple, j'ai ajouter un option dans mon menu qui s'appel "Stats" et dans mon code, j'ai fait les démarches nécessaires :

Code:
/*IMAGE STATS*/
#i_icon_mini_stats{
  background-image:url('http://image.noelshack.com/fichiers/2014/05/1390849541-stats.png'); /*image si la souris ne survole pas*/
  width:85px; /*Largeur de l'image*/
  height:35px; /*Hauteur de l'image*/
}
#i_icon_mini_stats:hover{
  background-image:url('http://image.noelshack.com/fichiers/2014/05/1390849541-stats2.png'); /*image si la souris survole*/
  width:85px; /*Largeur de l'image*/
  height:35px; /*Hauteur de l'image*/
}

Le probleme c'est que je veux que mon option ajouté ait comme id : #i_icon_mini_stats mais je ne sais pas comment faire.

merci

nic727
**

Masculin
Messages : 86
Inscrit(e) le : 30/04/2012

http://medalofhonor.bbactif.com
nic727 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Créer un identifiant image

Message par Adam_sfp le Mar 28 Jan 2014 - 20:44

Bonsoir

Vous pouvez essayez en mettant par exemple
via PA/Affichage/En-tête & Navigation/Ajouter un menu personnalisé

Une image vide et on lui ajoute une ID
Code:
http://illiweb.com/fa/empty.gif" id="stats
Dans URL de redirection le lien vers les stats.

Et ensuite via le CSS on met l'image et l'effet au survol
Code:
       /*IMAGE STATS*/
        #stats{
          background-image:url('http://image.noelshack.com/fichiers/2014/05/1390849541-stats.png'); /*image si la souris ne survole pas*/
          width:85px; /*Largeur de l'image*/
          height:35px; /*Hauteur de l'image*/
        }
        #stats:hover{
          background-image:url('http://image.noelshack.com/fichiers/2014/05/1390849541-stats2.png'); /*image si la souris survole*/
          width:85px; /*Largeur de l'image*/
          height:35px; /*Hauteur de l'image*/
        }

Cdt.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un identifiant image

Message par nic727 le Jeu 30 Jan 2014 - 17:35

Merci beaucoup ça fonctionne!

nic727
**

Masculin
Messages : 86
Inscrit(e) le : 30/04/2012

http://medalofhonor.bbactif.com
nic727 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