Suivre ce blog
Editer l'article Administration Créer mon blog
23 janvier 2015 5 23 /01 /janvier /2015 10:33


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

Anneczka 13/05/2014 20:36

asdasd

click 17/04/2014 14:00

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 28/07/2012 11:38


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 28/07/2012 18:04



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 16/07/2012 11:43


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

angelnail 13/07/2012 18:46


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 16/07/2012 11:42



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



Marie-sophie 06/07/2012 20:20


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 16/07/2012 11:45



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 04/05/2012 16:54


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 07/05/2012 11:57



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



nailartmarine 03/05/2012 20:53


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

Aurelie 04/05/2012 16:15



Vérifie qu'après avoir validé le module où tu mets le code, il y est toujours... Sinon, vérifie que tu colles bien le code A LA FIN des codes existants dans le moduile. Dernière chose, ce code
fonctionne avec Windows, mais le curseur est peut être pas visible avec un autre. Demande à tes visiteurs...  Ceci dit, je suis allée chez toi et je n'ai aps vu de cursueur personnalisé...



mum sweetmum 02/05/2012 21:16


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

Aurelie 04/05/2012 16:10



pour l'avoir sur tout le blog, il faut mettre le code dans un "texte libre" de ta config qui apparait sur tout le blog. Si tu as une mise en page différente entre tes articles et la page de
garde, il faudra le mettre dans les 2 mises en page



vero 13/02/2012 16:16


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

Aurelie 18/02/2012 09:12



Il semble qu'Over-blog bloque certains codes depuis cette année, je ne sais pas pourquoi ni sur quels critères... Ceux qui sont mis (comme le mien) sont ok, mais impossible de copier de nouveaux
(retourne alors dans ton code et tu verras que tout ou partie n'a pas été enregistré...  Le mieux est de leur demander via le forum.



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