Installer un curseur brillant animé sur un article seul ou sur le blog entier
On est beaucoup à vouloir changer cette banale flèche sur notre blog adoré mais entre le choix du curseur, comment le mettre, où trouver un beau curseur, c'est tout une expédition sur le net! vous ne trouvez pas ?
CQFD: les curseurs animés ne sont visibles que sous le navigateur Internet Explorer (A vérifier sur long terme).
Il existe plusieurs méthodes:
1) Méthode sans passer par le CSS avec un script de chez totallyfreecursor
L'url du curseur vous est fourni en échange d'un rectangle pub sur votre site ...
* choisissez votre curseur sur le site http://www.totallyfreecursors.com/ un choix immense !
* c'est en anglais ...mais très simple d'utilisation avec un script sans java script
si vous voulez un truc précis comme une coccinelle par exemple taper coccinelle dans google traduction ce qui vous donnera "lady bug" taper "lady bug" dans la recherche de totallyfreecursors
* puis copiez le premier script proposé et collez dans un des modules libre de colonne ou entête en html
* on peut mettre un curseur normal pour tout le blog et un autre curseur au survol des liens (2 ème script) il suffit de copier les 2 scripts différents l'un apres l'autre ....
Inconvénients de cette méthode:
Laisse un petit rectangle publicitaire clignotant et il me semble de plus que ça ralentit le chargement e la page ...
voir un exemple ici knelle66.com chez Pearl qui fait de la délicieuse cuisine exotique avec un petit curseur hibiscus qui se change en palmier au survol des liens (réédit Pearl a du changer de design entre temps).
2) Méthode sans passer par le CSS avec un script dans une colonne ou article pour changer de curseur selon votre article du jour
copiez et collez le script çi-dessous en html
<style type="text/css">body {cursor:url(url du curseur),auto;}</style>
et pour changer le curseur au survol des liens copiez ce code en html
<style>A:hover{cursor: url("url du curseur "), url("url du curseur "), auto;}</style>
3) Méthode pour changer le curseur ponctuellement
(voir tout en bas pour trouver des url de curseurs )
sous une image dans un article , colonne ...
voir l'image çi-dessous, passez le curseur dessus il va se changer en ...
et si vous cliquez vous mènera à tous mes voeux du premier mai :)
Comment j'ai fait ? j'ai copié en html de cet article le code çi-dessous en remplaçant les écritures rouges par mes url
<a style="cursor: url(url du curseur), url( url du curseur ), auto;" href="url de l'article ou de la page" target="_blank"><img src="url de l'image" /></a>
4) méthode en passant par le CSS
(voir tout en bas pour trouver des url de curseurs )
Il faut juste rajouter cette ligne
body {cursor:url(url de mon curseur),auto; }
Conseil avant de toucher à son CSS: Faites une sauvegarde de celui-ci.
Ma méthode: copier tout le CSS puis le coller dans un article brouillon avec pour titre "sauvegarde CSS daté du ...."
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Vous pouvez trouver des curseurs déjà tout fait sur le net ( ainsi que des codes à copier coller directement) en tapant curseur + chat par exemple .
Je vous recommande le site de Gifman :)
http://gifs-et-compagnie.over-blog.com/article-menu-curseur-46637644.html
Vous pouvez même demander à Monsieur gifman de vous fabriquer un curseur à partir d'une de vos images :)