Renversant ces curseurs  

Curseurs de souris codifiés suivant votre choix

Il est possible en CSS2 d'obtenir différentes formes de curseur pour coller au plus près dans des pages où cette méthode permet par exemple d'alléger le texte. Sans oublier un petit plus que certains souhaitent apporter à leurs visiteurs.

Ouvrez le Panneau de configuration (bouton Démarrer, puis Paramètres). Ouvrez l'option Souris, puis l'onglet Pointeurs.

Sélectionnez le curseur que vous voulez remplacer, et cliquez sur le bouton Parcourir. Sélectionnez un des curseurs que vous avez téléchargés, puis cliquez sur Ouvrir.

Le Code dans BODY = le résultat en direct sur chaque ligne

<span style="cursor : default">Curseur par défaut</span>

<span style="cursor : pointer;">Main</span>

<span style="cursor : crosshair;">Viseur</span>

<span style="cursor : help;">Point d'interrogation</span>

<span style="cursor : wait;">Attente</span>

<span style="cursor : text;">Texte</span>

<span style="cursor : move;">Objet déplaçable</span>

<span style="cursor : n-resize">Changer la taille vers le haut</span>

<span style="cursor : s-resize">Changer la taille vers le bas</span>

<span style="cursor : e-resize">Changer la taille vers la droite</span>

<span style="cursor : w-resize">Changer la taille vers la gauche</span>

<span style="cursor : ne-resize">Changer la taille haut+droite</span>

<span style="cursor : nw-resize">Changer la taille haut+gauche</span>

<span style="cursor : se-resize">Changer la taille bas+droite</span>

<span style="cursor : nw-resize">Changer la taille bas+gauche</span>

<span style="cursor : auto">Automatique (le navigateur décide)</span>

Exemple sur la phrase ci-dessous

Il est facile de choisir par exemple un morceau de paragraphe pour appliquer une présentation différente du curseur.

Code dans BODY

<div style="cursor : help;">

Promenez votre pointeur sur cette phrase </div>

Ne pas abuser, sous peine de provoquer une lecture difficile et confuse.

Sommaire application ... @ ... Sommaire CSS