Personnaliser le curseur au survol d'un texte
Utilisateur anonyme
-
RAD ZONE Messages postés 5230 Date d'inscription Statut Contributeur Dernière intervention -
RAD ZONE Messages postés 5230 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour, je suis actuellement en train de personnaliser le curseur de mon site, j'ai donc mis au point ce code:
Merci de toute aide! :)
Ce code marche bien au moins sur Firefox, Chrome et IE v 6 et + ( je n'ai pas le loisir d'essayer les autres navigateurs ). Mais maintenant, je voudrais aussi personnaliser le curseur du texte, mais je ne sais quel sélecteur utiliser, sachant que le texte est présent dans plains de balises différentes et que ce serait idiot de l'appliquer balise par balise alors qu'un-seul pourrait suffire. J'ai bien essayé "text" des fois que ce sélecteur existerais, mais comme je m'y attendais, ça n'a rien donné. ^^'
body{
cursor: url('cursor_default.png'), auto;
}
a{
cursor: url('cursor_link.png'), auto;
}
/* Pour IE */
<!--
body{
cursor: url("cursor_default.png");
}
a{
cursor: url("cursor_link.png");
}
-->
Merci de toute aide! :)
A voir également:
- Personnaliser le curseur au survol d'un texte
- Texte de chanson gratuit pdf - Télécharger - Vie quotidienne
- Comment personnaliser sa sonnerie - Guide
- Comment faire apparaître le curseur sans souris - Guide
- Transcription audio en texte word gratuit - Guide
- Excel cellule couleur si condition texte - Guide
5 réponses
salut
https://www.w3schools.com/cssref/pr_class_cursor.asp
effectivement text existe bien par contre je ne sais pas si ce type de curseur est modifiable.
p{
cursor: url("cursor_text.png"), text;
}
à essayer
https://www.w3schools.com/cssref/pr_class_cursor.asp
effectivement text existe bien par contre je ne sais pas si ce type de curseur est modifiable.
p{
cursor: url("cursor_text.png"), text;
}
à essayer
j'ai essayé avec un .cur ça marche bien mais un échec pour les .ani
le text n'est pas obligatoire si tu mets un auto sauf pour des éléments ne comprenant pas de texte et que tu souhaiterai quand même afficher le curseur texte
le text n'est pas obligatoire si tu mets un auto sauf pour des éléments ne comprenant pas de texte et que tu souhaiterai quand même afficher le curseur texte
Merci totodunet pour ta réponse, mais tu n'a pas bien compris ce que je voulais faire, peut-être à cause d'un manque de clarté de ma part, donc je reformule:
Ce que je veux, c'est modifier le curseur de type "text" avec un curseur fait par moi-même sous forme d'image PNG, par le moyen d'un sélecteur css.
J'avais essayé ceci:
Mais "text" n'est pas un sélecteur existant. Il me faudrait un sélecteur qui équivalent, mais je ne le connais/trouve pas.
Bien-sur, on pourrais attribuer une classe à chaque portion de texte et ce, peu importe la balise (p, h1, div, ...), ou alors combiner plusieurs sélecteurs, mais ça rallongerais énormément le code à la longue, pour si peu.
Merci! :)
Ce que je veux, c'est modifier le curseur de type "text" avec un curseur fait par moi-même sous forme d'image PNG, par le moyen d'un sélecteur css.
J'avais essayé ceci:
text{
cursor: url("cursor_text.png");
}
Mais "text" n'est pas un sélecteur existant. Il me faudrait un sélecteur qui équivalent, mais je ne le connais/trouve pas.
Bien-sur, on pourrais attribuer une classe à chaque portion de texte et ce, peu importe la balise (p, h1, div, ...), ou alors combiner plusieurs sélecteurs, mais ça rallongerais énormément le code à la longue, pour si peu.
Merci! :)
ok j'ai compris. hélas le CSS ne réagit que avec des "blocs" donc des balises juste. Il n'existe pas de sélecteur texte. Il faut que tu sélectionnes donc précisément les balises où tu souhaites voir le curseur texte changé.
a, p, h1, h2, h3, h4{cursor=url(moncurseur.cur), text;}
Le changement de curseur automatique au survol d'un texte vient du navigateur je pense. J'ai rien trouvé de mon côté en code JavaScript qui puisse répondre correctement à la problématique.
tu peux faire quand même :
n'importe où dans ton HTML :
<script type="text/javascript">
function text_cursor(){this.style.cursor=url(moncurseur.cur), text;}
</script>
et ensuite à chaque fois qu'il y a présence de texte, exemple:
<p onmouseover="text_cursor()">blablabla</p>
<article>
<h1 onmouseover="text_cursor()">Mon titre</h1>
<p onmouseover="text_cursor()">1er paragraphe</p>
</article>
Qui ne tente rien n'a rien
a, p, h1, h2, h3, h4{cursor=url(moncurseur.cur), text;}
Le changement de curseur automatique au survol d'un texte vient du navigateur je pense. J'ai rien trouvé de mon côté en code JavaScript qui puisse répondre correctement à la problématique.
tu peux faire quand même :
n'importe où dans ton HTML :
<script type="text/javascript">
function text_cursor(){this.style.cursor=url(moncurseur.cur), text;}
</script>
et ensuite à chaque fois qu'il y a présence de texte, exemple:
<p onmouseover="text_cursor()">blablabla</p>
<article>
<h1 onmouseover="text_cursor()">Mon titre</h1>
<p onmouseover="text_cursor()">1er paragraphe</p>
</article>
Qui ne tente rien n'a rien
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Salut
non il ni a pas de facon viable a part les plus simple , ajouter une class ou le multi balises CSS ,
je prefere la class qui est + flexible, mais cela depend de tes besoins , le multi balises peut etre plus simple !
tu peu aussi combiner les 2 !
par exemple tu veux mettre le curseur text sur toute les balises <p> et <h1> et seulement sur quelques <h2> tu fais en multi balises CSS pour <p> et <h1> et en class pour les quelque balises <h2>
ou l inverse :0
je veux dire tu fais un multi balises pour toute les balise et tu fais une class pour les <h2> que tu ne veux pas inclure ;-))
cela ne devrait pas alourdir tant que ca le code , ce n est que du css et html !
a+
non il ni a pas de facon viable a part les plus simple , ajouter une class ou le multi balises CSS ,
je prefere la class qui est + flexible, mais cela depend de tes besoins , le multi balises peut etre plus simple !
tu peu aussi combiner les 2 !
par exemple tu veux mettre le curseur text sur toute les balises <p> et <h1> et seulement sur quelques <h2> tu fais en multi balises CSS pour <p> et <h1> et en class pour les quelque balises <h2>
ou l inverse :0
je veux dire tu fais un multi balises pour toute les balise et tu fais une class pour les <h2> que tu ne veux pas inclure ;-))
cela ne devrait pas alourdir tant que ca le code , ce n est que du css et html !
a+
