Créer un identifiant image

2 participants

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

Résolu Créer un identifiant image

Message par nic727 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
avatar

nic727
**

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

Voir le profil de l'utilisateur 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 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

Adam_sfp
Membre actif

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

Voir le profil de l'utilisateur http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un identifiant image

Message par nic727 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
avatar

nic727
**

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

Voir le profil de l'utilisateur 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 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://2img.net/i/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

Adam_sfp
Membre actif

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

Voir le profil de l'utilisateur http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un identifiant image

Message par nic727 Jeu 30 Jan 2014 - 17:35

Merci beaucoup ça fonctionne!
avatar

nic727
**

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

Voir le profil de l'utilisateur 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

- Sujets similaires

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