Changement de couleur au passage de la souris
Résolu
cameleon1962
Messages postés
3
Date d'inscription
Statut
Membre
Dernière intervention
-
Cameleon1962 -
Cameleon1962 -
Bonjour,
Bonjour
je voudrais que mon texte change de couleur au passage de la souris mais uniquement dans mon menu déroulant
Voici l'adresse de mon site: accord-pianos.fr
je n'y connais rien en codage si quelqu'un pouvait me donner le code à insérer dans mon css je lui en serait fort reconnaissant.
à titre indicatif je bosse avec le theme DIVI
merci d'avance à ceux qui auront la gentillesse de me répondre
Domi
Bonjour
je voudrais que mon texte change de couleur au passage de la souris mais uniquement dans mon menu déroulant
Voici l'adresse de mon site: accord-pianos.fr
je n'y connais rien en codage si quelqu'un pouvait me donner le code à insérer dans mon css je lui en serait fort reconnaissant.
à titre indicatif je bosse avec le theme DIVI
merci d'avance à ceux qui auront la gentillesse de me répondre
Domi
A voir également:
- Css passage souris
- Comment activer le pavé tactile sans souris - Guide
- Passage qwerty azerty - Guide
- Souris ordinateur - Guide
- Test passage windows 11 - Guide
- Passage à windows 11 gratuit - Guide
4 réponses
Bonjour
il suffit de mettre un hover sur la class de ton li par exemple si tu as un menu comme ceci
<div id="menu">
<ul>
<li><a class="effethover" href="page1.html" rel="nofollow noopener noreferrer" target="_blank">page1</a>
<li><a class="effethover" href="page2.html" rel="nofollow noopener noreferrer" target="_blank">page2</a>
<li><a href="liens.html" rel="nofollow noopener noreferrer" target="_blank">liens</a>
</ul>
</div>
avec un code css comme celui-ci
tu ajoutes cela à la suite
ainsi tous les li ayant la class effethover se trouvant dans le div menu afficheront un effet hover soit dans l'exemple les deux premiers liens.
Avec un ordinateur, on peut faire plus rapidement des choses qu’on n’aurait pas eu besoin de faire sans ordinateur.
il suffit de mettre un hover sur la class de ton li par exemple si tu as un menu comme ceci
<div id="menu">
<ul>
<li><a class="effethover" href="page1.html" rel="nofollow noopener noreferrer" target="_blank">page1</a>
<li><a class="effethover" href="page2.html" rel="nofollow noopener noreferrer" target="_blank">page2</a>
<li><a href="liens.html" rel="nofollow noopener noreferrer" target="_blank">liens</a>
</ul>
</div>
avec un code css comme celui-ci
#menu li
{
color : white;
}
tu ajoutes cela à la suite
#menu li:hover .effethover
{
color : black;
}
ainsi tous les li ayant la class effethover se trouvant dans le div menu afficheront un effet hover soit dans l'exemple les deux premiers liens.
Avec un ordinateur, on peut faire plus rapidement des choses qu’on n’aurait pas eu besoin de faire sans ordinateur.
Merci de m'avoir répondu si rapidement.
ça fonctionne mais la couleur que j'ai mis en l'occurence un jaune me semble
être atténuée, elle n'est pas aussi "pétante" que la couleur d'origine.
en tout cas encore merci
ps: j'en profite en meme temps pour vous demander ou je peux trouver un "Codeur" pour mes sites. evidemment rémunéré.
ça fonctionne mais la couleur que j'ai mis en l'occurence un jaune me semble
être atténuée, elle n'est pas aussi "pétante" que la couleur d'origine.
en tout cas encore merci
ps: j'en profite en meme temps pour vous demander ou je peux trouver un "Codeur" pour mes sites. evidemment rémunéré.
si tu cherches un freelance, il existe des sites spécialisés comme codeur.com , hopwork, twago, freelancer (anglais), 404works, coworkees, humaniances, indépendant.fr, etc mais tu en trouveras aussi dans des offres d'emploi ou en recherchant simplement sur un moteur, les codeurs ayant généralement un site.
attention si c'est pour wordpress, il faut bien le préciser dans ta recherche
attention si c'est pour wordpress, il faut bien le préciser dans ta recherche