Un curseur est un pointeur qui indique la position actuelle de la souris (ou tout autre appareil) à l'écran.

Il est possible de modifier un peu l'apparence de cet indicateur si vous souhaitez attirer l'attention sur un texte ou une zone spécifique lorsque le curseur passe au-dessus. Cependant, les curseurs personnalisés devraient être évités du fait que de nombreux utilisateurs trouvent les curseurs personnalisés ennuyeux et peu utiles, en particulier ceux qui rendent difficile de discerner où ils pointent exactement. Allez à la section curseurs personnalisés pour plus d'informations

Pas à pas[modifier le wikicode]

Afin de modifier l'apparence du curseur, vous devrez encadrer le texte ou la zone d'intérêt avec des balises span contenant le paramètre du curseur :

style="cursor: help;"

Par exemple :

<span style="cursor: help;">Passez votre souris ici pour voir le curseur !</span>

Ce qui donne le résultat suivant :

Passez votre souris ici pour voir le curseur !

Styles additionnels[modifier le wikicode]

Style du curseur Résultat
auto
default
text
Passez votre souris ici pour voir le curseur.
crosshair Passez votre souris ici pour voir le curseur.
move Passez votre souris ici pour voir le curseur.
pointer Passez votre souris ici pour voir le curseur.
progress Passez votre souris ici pour voir le curseur.
wait Passez votre souris ici pour voir le curseur.
Re-size arrows
e-resize
w-resize
Passez votre souris ici pour voir le curseur est ⇥.
Passez votre souris ici pour voir le curseur ouest ⇤.
n-resize
s-resize
Passez votre souris ici pour voir le curseur nord ↑.
Passez votre souris ici pour voir le curseur sud ↓.
ne-resize
sw-resize
Passez votre souris ici pour voir le curseur nord-est ↗.
Passez votre souris ici pour voir le curseur sud-ouest ↙.
nw-resize
se-resize
Passez votre souris ici pour voir le curseur nord-ouest ⇱.
Passez votre souris ici pour voir le curseur sud-est ⇲.

Il est généralement recommandé de se conformer à ces pointeurs standards, bien qu'il soit possible d'ajouter des pointeurs personnalisés via du CSS plus avancé. Si vous faites cela, assurez-vous de les choisir avec précautions et de vérifier qu'il est facile pour les utilisateurs de voir précisément où le curseur pointe précisément.

Curseurs personnalisés[modifier le wikicode]

Il est fortement recommandé de ne pas utiliser de curseurs personnalisés et de s'en tenir aux curseurs standard fournis par le système d'exploitation de l'utilisateur.

Voici quelques problèmes que les curseurs personnalisés peuvent apporter à un wiki (mais sans s'y limiter) :

  • il peut être irritant, gadget, superflu, et tout simplement désagréable
  • il n'est pas évident de savoir où pointe le curseur, ce qui peut frustrer et dissuader les utilisateurs de quitter le wiki. En d'autres termes, rendre le wiki inaccessible juste avec l'utilisation d'un curseur personnalisé.
    • le même cas s'applique à l'utilisation d'images comme curseurs personnalisés, qui est souvent mal adaptée à la tâche à accomplir
  • les curseurs personnalisés animés peuvent être saccadés

Si vous souhaitez utiliser un curseur personnalisé, n'hésitez pas à l'appliquer à votre CSS personnel afin qu'il ne soit appliqué qu'à vous.

Voir aussi[modifier le wikicode]

Plus d'aide

Sauf mention contraire, le contenu de la communauté est disponible sous licence CC-BY-SA.