Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Image cachée qui au passage de la sourie change

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

Résolu Image cachée qui au passage de la sourie change

Message par Armageddon! le Mar 29 Nov 2011 - 16:34

Bonjour, Smile

Je voudrai savoir comment peut-on fait cela avec un code html ou autre :

Image cachée qui au passage de la sourie change 6f487199b7852e9d2d63fda51500b

Au passage de la souris ..

Cdlt, Smile


Dernière édition par Armageddon! le Mer 30 Nov 2011 - 14:28, édité 1 fois
Armageddon!

Armageddon!
Nouveau membre

Masculin
Messages : 22
Inscrit(e) le : 29/08/2010

http://www.ddaynormandy-fr.com
Armageddon! a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image cachée qui au passage de la sourie change

Message par zz10 le Mer 30 Nov 2011 - 9:37

Bonjour,

Il faut deux images différentes de taille identique :

  1. L'image de base
  2. L'image lorsque la souris passe sur l'image de base


Exemple si l'image fait 50px * 50px :

  1. Code HTML :

    Code:
    <div id="survol"></div>

  2. Code CSS :

    Code:
    #survol
    {
    width:50px;
    height:50px;
    background-image:url(lien_image_de_base);
    }

    #survol:hover
    {
    background-image:url(lien_image_survol);
    }


Cdt.
zz10

zz10
Membre actif

Masculin
Messages : 2264
Inscrit(e) le : 04/07/2009

http://www.ice-epinal-forum.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image cachée qui au passage de la sourie change

Message par Armageddon! le Mer 30 Nov 2011 - 14:28

Bonjour,

Merci ce code marche à la perfection Smile

Cdlt,
Armageddon!

Armageddon!
Nouveau membre

Masculin
Messages : 22
Inscrit(e) le : 29/08/2010

http://www.ddaynormandy-fr.com
Armageddon! 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