Code pour installer un curseur sur son blog
Installer un curseur (à mettre au début du script)
<style type="text/css">
body {cursor: url(adresse http de votre curseur); }
</style>
<style><!--BODY{ cursor:url("ADRESSE DU CURSEUR"); }--></style>
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, Design > Mode CSS.
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
Pour ma part, j'ai expérimenté ce script là et ça marche
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/hearttailup.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/hearttailup.gif"), auto;}
Inscrivez-vous au blog
Soyez prévenu par email des prochaines mises à jour
Rejoignez les 8 autres membres