Suivre ce blog
Administration Créer mon blog
21 juillet 2014 1 21 /07 /juillet /2014 16:10


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


 

                                    Rendez-vous sur Hellocoton !                                                        

 

 

Partager cet article

commentaires

vero 13/02/2012


j'aimerai mettre un curseur avec des étolies j'ai essayé mais rien


Pour que ça marche faut il enregistrer le curser animé sur une page web si c'est le cas  je n'arrive pas à le faire archive host maintenant il  semble que c'est payant


peux tu m'aider


merci


vero

mum sweetmum 02/05/2012


j'ai trouvé lol ! c'est possible d'utiliser le curseur sur tout le blog?

nailartmarine 03/05/2012


Coucou ! J'ai essayé de mettre un curseur sur toute ma page en mettant le code dans le pied de page et en le mettant dans html mais ça ne fonctionne pas je ne comprends pas j'en ai essayé
plusieurs mais rien

nailartmarine 04/05/2012


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 

Marie-sophie 06/07/2012


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..


 

angelnail 13/07/2012


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^^

angelnail 16/07/2012


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

La Cuisine,Les Perles et Bijoux de Domi 28/07/2012


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

click 17/04/2014

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.

Anneczka 13/05/2014

asdasd

Présentation

  • : Faire un blog
  • Faire un blog
  • : Ce blog vous aide à vous lancer pour faire votre blog : plateforme, mise en page, décoration, gadgets...
  • Contact

Vous Cherchez Quoi ?

Bienvenue !

 

PancarteSmiliz.pngCe blog a pour objet de vous aider à faire votre blog. C'est facile, et possible sans être informaticien !

J'ai 2 autres blogs très différents, et je souhaite mettre mon expérience à votre service. N'hésitez pas à me déposer vos commentaires et questioxxns. 
Si vous débutez, commencez par l' Index des articles , rubrique "Pour bien démarrer". 

 

Inscrivez votre site sur ma Top Liste et améliorez votre référencement.  

Mon logo sur votre site

Si j'ai contribué à l'amélioration de votre blog, merci d'y mettre mon logo :
Site Faire Un Blog

Code à coller :

<a href="http://faireunblog.over-blog.com/" target="_blank"><img height="65" width="85" src="http://sd-1.archive-host.com/membres/up/42016049459753927/PancarteSmiliz.png" alt="Site Faire Un Blog" /></a>

 

 

Date du jour

 

 

 

Géolocalisation

formation