aide gratuite page perso Accueil  | Internet | Informatique | Créer sa page persoGlossaireMenu | CSS
www.aidenet.com

 

CSS
Feuilles de style

Modifier la présentation
du curseur

Page - 70a7  www.aidenet.com

 

Renversant ces curseurs  curseurs de souris

 

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.

 

Promenez votre pointeur sur cette phrase

 

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

 

 aide gratuite

Tous droits réservés © 1997- 2006. www. aidenet.com

 

validateur HTML  validateur CSS