Dreamwever2
amarusted
Messages postés
7
Date d'inscription
Statut
Membre
Dernière intervention
-
kiyomasa Messages postés 312 Date d'inscription Statut Membre Dernière intervention -
kiyomasa Messages postés 312 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
vous m'avez dit d'utiliser un hover; mis je ne sai pas comment faire, expliquez moi svp, et donnez mois un exemple.merci
vous m'avez dit d'utiliser un hover; mis je ne sai pas comment faire, expliquez moi svp, et donnez mois un exemple.merci
2 réponses
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à !
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.