11 sept. 2010

(Blogger) Modifier le curseur

Le curseur, c'est la petite flèche qui bouge sur l'écran lorsque vous bougez la souris mais il peut avoir bien d'autres formes.

Les formes classiques, définies par des termes informatiques :



Code

Forme

default

Flèche

crosshair

Croix

text

Curseur texte

vertical-text

Curseur texte horizontal

wait

Sablier

progress

Flèche avec sablier

help

Curseur avec un point d'interrogation

pointer

Main

hand

Main

move

Flèche quadri-directionnelle

all-scroll

Pointeur de défilement multidirectionnel

col-resize

Ajusteur horizontal

row-resize

Ajusteur vertical

not-allowed

Sens interdit

no-drop

Main et sens interdit


ou se présenter sous la forme d'un dessin :

Leur extension est alors en .cur (pour les curseurs statiques) ou en .ani (pour les curseurs animés)

POUR L'INSTALLER, vous allez dans le CSS, Présentation > Modifier l'HTML et complétez la ligne avec ce qui est en rouge

Si vous désirez installer le même curseur sur tout le blog

vous complétez cette ligne
body    {cursor:crosshair;}
ou
body    {cursor:URL(adresse du curseur), default; }
 Si vous désirez installer un autre curseur au survol des liens
a:hover {cursor:crosshair;}
ou
a:hover {cursor:URL(adresse du curseur),default;}  
Il sera ainsi visible sous Internet Explorer et FireFox.
De mémoire, les curseurs animés ne sont pas visibles sous FireFox

Il est possible de changer de curseur dans chaque zone du blog : messages, widget ... il suffit alors de rajouter le contenu en rouge dans les lignes concernées.

3 commentaires:

  1. Je n'y parviens pas, j'ai ce message d'erreur "Déclaration de la variable incorrecte dans l'apparence de page : Entrez L'analyse des variables du thème a échoué, car elles sont incorrectes."

    Que faire ?

    RépondreSupprimer
  2. coucou
    je suis heureuse de te retrouver chez rev2sud , je ne savais pas que tu avais changé de plateforme,
    bonne soirée

    RépondreSupprimer

1/ Choisissez Nom/URL comme profil pour poster, si vous hésitez
2/ Si vous désirez une aide personnalisée, pensez à laisser l'adresse de votre blog, ce qui me permettra de tester.
3/ Vous pouvez vous abonner par email pour suivre les réponses de cet article (lien sous la zone de rédaction du commentaire)