Dreamwever2
Fermé
amarusted
Messages postés
7
Date d'inscription
lundi 16 août 2010
Statut
Membre
Dernière intervention
16 septembre 2010
-
30 août 2010 à 12:25
kiyomasa Messages postés 312 Date d'inscription mercredi 23 septembre 2009 Statut Membre Dernière intervention 12 mai 2016 - 30 août 2010 à 13:58
kiyomasa Messages postés 312 Date d'inscription mercredi 23 septembre 2009 Statut Membre Dernière intervention 12 mai 2016 - 30 août 2010 à 13:58
2 réponses
kiyomasa
Messages postés
312
Date d'inscription
mercredi 23 septembre 2009
Statut
Membre
Dernière intervention
12 mai 2016
5
30 août 2010 à 13:53
30 août 2010 à 13:53
Pas très précis comme question.
Hover pour changer un lien au passage de la souris ?
Voilà un exemple :
HTML :
<a href="page.html" class="nom_de_la_class">Accueil</a>
tu as donc un lien Accueil qui porte la class nom_de_la_class et qui amène à la page page.html.
CSS :
.nom_de_la_class {
color: #FFF;
}
La class a comme propriété d'être en blanc donc le mot Accueil sera en blanc.
.nom_de_la_class:hover {
color: #000;
}
Au passage de la souris, Accueil sera en noir. fff = blanc et 000 = noir.
Voilà !
Hover pour changer un lien au passage de la souris ?
Voilà un exemple :
HTML :
<a href="page.html" class="nom_de_la_class">Accueil</a>
tu as donc un lien Accueil qui porte la class nom_de_la_class et qui amène à la page page.html.
CSS :
.nom_de_la_class {
color: #FFF;
}
La class a comme propriété d'être en blanc donc le mot Accueil sera en blanc.
.nom_de_la_class:hover {
color: #000;
}
Au passage de la souris, Accueil sera en noir. fff = blanc et 000 = noir.
Voilà !
kiyomasa
Messages postés
312
Date d'inscription
mercredi 23 septembre 2009
Statut
Membre
Dernière intervention
12 mai 2016
5
30 août 2010 à 13:58
30 août 2010 à 13:58
Oulala je viens de voir ton premier message.
Tu vas pas nous crée un sujet à chaque question ? :)
Il fallait poser ta question à la suite !
Bref.
ton hover est sur des images ca fonctionne de la même façon.
Tu as ton CSS pour les dimension de ton image :
.image {
height: 142px;
width: 300px;
}
.image :hover {
height: 342px;
width: 500px;
}
et voilà, au passage de la souris, ton image fera 200 px de plus. Après à toi de régler les dimansions que tu souhaite.
Tu vas pas nous crée un sujet à chaque question ? :)
Il fallait poser ta question à la suite !
Bref.
ton hover est sur des images ca fonctionne de la même façon.
Tu as ton CSS pour les dimension de ton image :
.image {
height: 142px;
width: 300px;
}
.image :hover {
height: 342px;
width: 500px;
}
et voilà, au passage de la souris, ton image fera 200 px de plus. Après à toi de régler les dimansions que tu souhaite.