Menu Curseurs
| Explications |
| Les curseurs classiques | Les curseurs Personnalisés |
| Curseurs |
| Vos Commandes | Divers | Fleur | Drapeau |
| Animal | |||
| Chat | Lapin | Oiseau | Papillon |
| Locomotion | |||
| Avion | Train | Voiture | Voilier |
| Aliment | |||
| Fruit | Légume | Plat |
| Fête | |||
| Halloween | Mardi-gras | St Valentin | Pâques |
| Noel |
| .... | |||
LES CURSEURS CLASSIQUES
(passer votre souris sur les textes)
 |
auto
|
nw-resize
|
crosshair
|
n-resize
|
default
|
se-resize
|
pointer
|
sw-resize
| |
move
|
s-resize
|
e-resize
|
w-resize
| |
ne-resize
|
text
|
help
|
wait
| |
inherit
|
no-drop
|
progress
|
not-allowed
| |
row-resize
|
col-resize
|
Les Curseurs Personnalisés
il existe deux sortes de curseurs personnalisés
les curseurs animés extention .ani (ils ne marchent pas sous firefox)
et
les curseurs fixes extention .cur (tout navigateurs)
mes exemples sont donc des curseurs fixes
(passer votre souris sur les textes pour voir les curseurs)
Carte as
|
Coccinelle
|
Dollar
| |
Pile jetons
|
machines a sous
|
Paire oeil
| |
Papillon
|
Billet
|
Jeton
| |
Coccinelle
|
Papillon 2
|
Roulette
|
Installer un Curseurs Personnalisés
il y a plusieurs possibilités et endroits pour mettre votre code
voir le tableau ce dessous
il y a plusieurs possibilités et endroits pour mettre votre code
voir le tableau ce dessous
| mettre le code dans... | le code | |
| 1 | CSS (pour le corp de page) sera vu sur tout le blog | body {cursor:url(http://adresse du curseur.cur),auto;} |
| 2 | CSS (pour les liens) sera vu sur tout les liens | a:hover {cursor:url(http://adresse du curseur.cur),auto;} |
| 3 | html de votre entête dans configurer Voir ici sera vu sur tout le blog | <style type="text/css">body {cursor:url(http://adresse du curseur.cur),auto;}</style> |
| 4 | html de votre article ou pageVoir ici sera vu sur toute la page ou l'article | <style type="text/css">body {cursor:url(http://adresse du curseur.cur),auto;}</style> |
| 5 | html de votre article ou pageVoir ici sera vu sur tout le texte ou l'image | <div style="cursor:url("http://adresse du curseur.cur),auto;">Votre texte ou image</span></div> |
INSTALLER UN CURSEUR CLASSIQUE
il y a plusieurs possibilités et endroits pour mettre votre code
voir le tableau ce dessousdans les exemples la croix crosshair
il y a plusieurs possibilités et endroits pour mettre votre code
voir le tableau ce dessousdans les exemples la croix crosshair
| mettre le code dans... | le code |
| CSS | body { cursor:crosshair; } |
| html de votre entête dans configurer Voir ici | <style type="text/css">body { cursor:crosshair; }</style> |
| html de votre article ou pageVoir ici | <style type="text/css">body { cursor:crosshair; }</style> |
| html de votre article ou pageVoir ici | <div style="cursor:crosshair;">Votre texte ou image</span></div> |
