Changer le curseur de la souris sur un article

Voici comment changer le curseur de la souris sur les articles de votre blog

C'est un petit code bien utile car il fait de l'effet et ne manquera pas d'épater vos visiteurs !

---

 

1. Trouver des curseurs animés


Vous trouverez facilement des curseurs animés sur la grande toile.

Je vous conseille d'ailleurs de faire plutôt votre recherche avec le mot "cursor", soit curseur en anglais, car il y a beaucoup plus de sites qui en offrent.

J'ai sélectionné le site Andy Animated Cursors, qui offre un large choix, dans des catégories assez différentes.


2. Enregistrer les curseurs animés

2.1 Enregistrement sur votre ordinateur

Une fois votre curseur trouvé, enregistrer le en cliquant dessus, puis en sélectionnant l'endroit de sauvegarde sur votre PC.
Vérifier que l'extension de ce fichier est bien ".ani"


2.2 Enregistrement du curseur animé sur une page web

Pour fonctionner, ce curseur doit être enregistré sur unepage web.

Sur Overblog, si vous avez la possibilité d'enregistrer "Autres documents", dans le menu "Documents", alors c'est ici qu'il faudra sauvegarder le fichier du curseur, puis copier son adresse url.

Sinon, il faut l'enregistrer sur un site de sauvegarde sur internet.
De mon côté, j'utilise Archive-Host, site gratuit et pratique. Mes cuseurs y sont enregistrés et j'ai noté leur adresse.

2.3 Insérer un curseur animé sur un article de votre blog

Dans votre administration OverBlog, aller sur l'article voulu et passer en mode avancé (Onglet Edition avancée" puis sélectionner HTML à gauche du menu.

Ajouter alors, tout à la fin de votre code, les lignes suivantes :
 

<style type="text/css">

body {cursor: url(adresse http de votre curseur); }

</style>

et mettre votre adresse de curseur.

 

---

 
3. Quelques curseurs animés à utiliser facilement

Afin que vous puissiez essayer sans avoir à trouver puis enregistrer votre curseur, je vous donne 3 de mes adresses de curseurs.

Postez-moi un commentaire à cet article si vous voulez un autre curseur.

3.1 Le curseur de cet article
 

<style type="text/css">

body {cursor: url(http://sd-1.archive-host.com/membres/up/42016049459753927/Pyramid.ani); }
</style>

3.2 Curseur animé globe terrestre :
 

<style type="text/css">

body {cursor: url(http://sd-1.archive-host.com/membres/up/42016049459753927/The_Globe.ani); }
</style>

3.3 Curseur animé sourire :

<style type="text/css">

body {cursor: url(http://sd-1.archive-host.com/membres/up/42016049459753927/The_Smile.ani); }
</style>

---

* 5 articles a lire pour demarrer votre blog * Initiation au langage HTML * Tout pour modifier et embellir vos textes * Tout savoir sur les images  * Des gadgets * Votre blog ne ressemblera pas aux autres * Mes astuces * Référencements et indexations * Index des articles

Comments

[Diane]

J'ai pris mon curseur sur ce site => http://gifs-et-compagnie.over-blog.com/article-curseur-fleurs-47083660.html


Puis j'ai été dans le thème / avancé / html et coller le code et valider.

[dago2web.com]

Bonjour,

Je crois que ce changement de curseur m'intéresse beaucoup ! Merci pour les liens !
En passant, je vous invite à nous joindre sur: https://dago2web.com

A bientôt !

[Betty Poob]

snif j'ai pas réussi à modifier ma souris :-(

[Anneczka]

asdasd

[click]

Wow!! That is amazing. This will give an entirely new appearance to my blog. Thanks a lot for sharing this valuable info. I was looking for some stuff to give my blog a different look. You have spared me a lot of time and effort.

[La Cuisine,Les Perles et Bijoux de Domi]

Bonjour à vous,


 


Je n'ai que très peu de temps pour mon blog,puisque j'ai une boutique en ligne à gérer,mais j'ai votre blog en favori,et là je viens de changer mes curseurs d'articles grâce à vous.


Peut être vais je trouver sur votre blog,ce qu'est exactement le CSS,et comment avec des catégories-images,ce qui me plairait énormément.


En tout cas,merci pour votre ingéniosité!!


Domi

[Aurelie]

Le CSS est la page de code qui définit la présentation générale de votre blog. Un conseil, si vous ne maitrisez pas parfaitement les codes de programmation, ne modifiez rien dans le CSS car vous
risquez de "détruire" votre blog et il n'y a pas de retour en arrière possible, à moins de sauvegarder le code avant de le changer.

[angelnail]

merci..mais j'ai réussi a en mettre un en .cur !! merci 

[angelnail]

coucou !! j'adore ton blog qui est une vrai caverne d'ali baba..pleins de trèsor pour nos blogs !!


j'ai réussi a mettre un curseur papillon ..mais je ne m'en était pas aperçu vu que sous firefox ou chrome..je ne les voit pas..c'est une lectrice qui m'a dit: ils sont jols tes papillons !!..et
du coup j'ai verifié par explorer: et là..je les ai vu...


bref..comment faire pour les voir avec tous les navigateur ???


merci encore^^

[Aurelie]

Problème de compatibilité;... rien à y faire malheureusement

[Marie-sophie]

Salut j'ai vraiment besoin de ton aide ! J'ai mis l'url en mode htlm à la fin de mon article mais le curseur ne s'affiche pas ;/


Je n'arrive pas à mettre mon blog en mode avançé je ne sais pas où il se trouve..


 

[Aurelie]

Choisir l'onglet "édition avancée" quand tu crées ou modifies un article. Puis un clic sur le bouton à gauche "html" pour coller du code


http://faireunblog.over-blog.com/article-html-c-est-quoi--39086603.html

[nailartmarine]

J'ai ressayé et le code est toujours dans le truc html, il nh'a pas disparu. Et dans mon pied de page j'ai mis un texte libre, il n'y a rien d'autre écrit dedans, donc il est bien tout à la
fin 

[Aurelie]

Très franchement, je ne sais plus... et je confirme que je ne vois pas de curseur perso chez toi... désolée