Bonjour les blogonautes,
Je vais vous expliquer comment avoir un curseur qui change d'apparence selon la fonction,
...A savoir que si votre page est très longue, il reprendra son aspect initial ...windows...
Optez pour la version png, Elle vous permet de meilleurs résultats, Vous évite d'avoir à vous tourner vers la version curseur, qui nécessite un conteneur de forme carré, là où l'option png vous permet une forme rectangulaire,
...Je n'ai pas testé d'autres formes...
Si vous préférer une version curseur personnalisé, il vous faudra l'héberger auprès d'un site spécialisé comme...
Anonfiles
Ce, même si vous le réalisez via l'outil "icon" de photofiltre,
Autrement vous pouvez le créer via un logiciel gratuit à télécharger, RealWorld Cursor Editor par exemple, Ou un logiciel en ligne tel que...
Cursor
...L'option curseur vous permet de fixer un hotspot pour rendre votre pointer plus précis...
Oubliez le mode gif, Ça laisse un contour qui donne un effet des plus moches,
De plus, il a tendance à ne pas toujours fonctionner,
Il vous faut deux images exploitables ...dont le rendu, une fois les dimensions réduites, est top...
..Pour réaliser le mien en mode png, j'ai pris une image sur le net et un tube proposé par Soleilvie, je suis passé par le logiciel de réduction en ligne...
Reduction
Via l'option réduction choisie, Adaptation automatique,
Vos images, une fois réduites, ne doivent pas excéder les 100 pixels en largeur comme en hauteur,
...Mes images font 70x42 pour l'une, 56x70 pour l'autre...
...A savoir qu'en version curseur, elles ne peuvent faire plus de 64x64 et ça reste exceptionnel, Le standard étant de 32x32...
A installer dans votre css
...Changer les images par les vôtres...
/*test cursor*/
body {
cursor: url(
https://zupimages.net/up/22/05/c35b.png), auto;
}
a {
cursor: url(
https://zupimages.net/up/22/05/11kw.png), auto;
}
Comme il est impossible sans logiciel de faire une capture de son curseur, je vous ai fait un montage avec mes deux images,
Celui de la flèche bleue pointe vers les liens,
Le vert est le curseur qui se balade et survole la page,
Voilà,
Bonne soirée,
Mi Neth,