Quantcast

  

 

 


 


 


un blog de maman écolo parisienne 

 

 

 

 

 

 

 

 

 

......

 18 

... écolos ou apprentis écolos naviguent sur ces pages 

 

 

 

 

 

 

 

 

 

 

 

 

 

         

 

PageRank Actuel

Vendredi 15 mai 2009 5 15 /05 /Mai /2009 02:45

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.



 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

 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

 

Méthode sans passer par le CSS avec un script dans une colonne ou article pour changer de curseur selon votre article du jour

(voir tout en bas pour trouver des url de curseurs )


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>

 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

 

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 le é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>

 

 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

 

 méthode en passant  par le CSS

(voir tout en bas pour trouver des url de curseurs )


Méthode que j'ai utilisée sur ce blog pour mon curseur coccinelle que gifman m'a gentiment fabriqué (voir çi-dessous)

* 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éja tout fait sur le net ( ainsi que des codes à copier coller directement)

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 :)


Rendez-vous sur Hellocoton !

Déposer un commentaire - 16 commentaires
Publié dans : AIDE DESIGN BLOG CSS
Retour à l'accueil

Commentaires

Love your blog!
Belle et délicate.
embrasser

Ana Paula Bousquet
Commentaire n°1 posté par ana paula le 15/05/2009 à 04h43
passe un bon vend.
Commentaire n°2 posté par bacotte le 15/05/2009 à 09h06
merci !mais comprends encore pas trop comment rentre code htlm!!!pff!
petit jeu sur mon blog ce dimanche!bz! 
Commentaire n°3 posté par floflo le 15/05/2009 à 09h54
coucou, j'ai donc essayer mais je vois pas ou mettre le code htlm car j'ai mon entete et j'ai peur de tout rater (lol). Bisous et bonne journée.
Commentaire n°4 posté par miss28 le 15/05/2009 à 10h04
Très jolie, ta petite rose... Elle ne marche pas avec firefox, mais avec l'ami explorer oui... un vrai petit plaisir, on va cliquer comme des fous! biz
Commentaire n°5 posté par Laure+H. le 15/05/2009 à 11h01
j'ai toujours peur de toucher a a source
bisous
cerisette
Commentaire n°6 posté par cerisette le 15/05/2009 à 20h12
merci pour cet article,
en moi, tu as fait une heureuse.
je vais essayer tout cela.
bises
Commentaire n°7 posté par mimimarigny le 27/06/2009 à 09h54
Coucou , le curseur animé , pour mon blog , je peux le trouver ou stp .Chez clikpartou ce sont des curseurs pour les pc . Ton blog est super bien , bon , moi j' suis amateur de chez amateur hi hi Bises
Commentaire n°8 posté par soumiane le 24/09/2009 à 18h32
kikoo je passe te voir et te dire merci, pour tout ce que tu mets pour aider les autres . je suis tombee par hasard chez toi mais j'aime beaucoup
bonne continuation.
Commentaire n°9 posté par Mage le 09/11/2009 à 00h03

bonjoura vous et merci pour vos trucs et astucs

Commentaire n°10 posté par helloiamkitty le 30/04/2011 à 15h52

C'est vraiment très joli.... Mignon tout plein!

Commentaire n°11 posté par un fruit vert le 30/04/2011 à 22h17

Très joli le blog, merci de partager tous ces trucs.  France

Commentaire n°12 posté par bfrance le 29/05/2011 à 06h15
Bonjour ! où est-ce qu'on colle le code htlm stp ? je galère depuis cet aprem sur plusieurs sites et pas moyen :(

merci, super ton blog en tout cas !
Commentaire n°13 posté par MamanDouceur le 22/04/2012 à 21h54

Merci pour toutes ces infos, je ne comprends pas encore tout mais je ne désespère pas.

Commentaire n°14 posté par Floryne le 01/05/2012 à 15h55

Merci pour ton com Nessa, je savais que l'article t'intéresserait. Quand tu entends les toubibs, vu qu'ils déremboursent maintenant pour la circulation du sang, rien ne sert à rien dans ce domaine. Alors il n'y a plus qu'à utiliser la phyto.

Pour le curseur, je n'utilise pas le html. En fait presqu'en tout je préfère agir sur le css. Tu copies ce code textuellement à la fin de ta css :


body    {cursor:url(adresse curseur du dessus),default;}
a:hover {cursor-image:url(adresse curseur du dessous, main par exemple),default;} 


Il faut bien regarder que ce soit la main qui donne le lien et non l'inverse. Si jamais c'était l'inverse, il suffit d'intervertir les url des curseurs.

Bisous à toi,

A bientôt. Geneviève

Commentaire n°15 posté par Sagan33 le 01/05/2012 à 19h37

J'espère que tu as bien reçu ma réponse pour le curseur. Je ne vois pas mon com affiché... dis moi si tu n'as rien.

En attendant, qu'est-ce que les commentaires marchent mal. Je viens de recevoir un com du 24/04 !!!!!!!!et je n'en avais jamais eu connaissance... inutile de retourner dans le forum pour encore se faire rabaisser alors on en reste là ! avec ce système à la manque

Commentaire n°16 posté par Sagan33 le 01/05/2012 à 19h40

Juste au cas où ...

    Signaler une une erreur, un bug, un lien brisé dans l'article

    Pas le temps de tout lire :

    hop dans vos favoris en appuyant sur les 2 touches Ctrl + D ou CMD + D sur Mac

Articles écrits récemment:

Mon shopping virtuel anti-achat compulsif!

............................................................................................................................................

Loïs Paparazzi

............................................................................................................................................

Concours "épouvantail sur toutes les cueillettes Chapeau de paille du 1er mai au 25 juin

............................................................................................................................................

Epic en 3D mon loulou a adoré moi un peu moins: débriel [coloriages et jeux bonus inside]

............................................................................................................................................

Critique de film "Pour une Femme" avec Mélanie Thierry!

............................................................................................................................................

Salon international Porcelenea à Paris {3 entrées à gagner sur ce blog} 

............................................................................................................................................

 Maman! pour la fête des mères veux tu un bouquet de tulipes ou de fleurs de ciboulette? 

............................................................................................................................................

Petites surprises en chemin vers la Caverne des Brigands

............................................................................................................................................

Appel à volontaires-Opération Biomonitoring BPA/Phtalates imprégnés dans notre corps {j'y participe}

............................................................................................................................................

Sportez-vous bien au Millénaire: un mois d'animations et accrobranche gratuit au bord de l'eau [ouvert le 20 mai]

............................................................................................................................................

Séance Cinéma perchée dans les arbres [à gagner un ticket pour une expérience inédite et exceptionnelle]

............................................................................................................................................

Des livres pour penser à l'endroit, pour expliquer l'inexpliquable aux enfants...

............................................................................................................................................

Comment fait-il pour trouer ses panatalons? toutes les techniques pour faire un pantalon "stylé "

............................................................................................................................................

J'y étais! Conférence B2V sur la mémoire et la maladie d'Alzheimer

............................................................................................................................................

Ce Héros dans la nuit

............................................................................................................................................

Déclarer ou non ses revenus de blog 2ème round: j'appelle L'URSSAF

............................................................................................................................................

Déclarer ou non déclarer ses revenus de blogueur aux impôts et/ou à l'URSSAF

............................................................................................................................................

La famille pieds nus a testé le jeu de croquet en mousse et aimé 

............................................................................................................................................

Une belle idée cadeau {fête des mamans} trouvée chez le souffleur de verre

............................................................................................................................................

                                      Voir la liste complète des articles et leur résumé

 

 

J'y participe

  weekly-chocolate--518x600     fee-passie.jpg    

NEW

trophee-influenceurs-2013-copie-1.jpg

Webzine Éco-Engagé

Par Nessa   

Clik to customize this Kimi-Image with your own Messages an

Crée le : 29/11/2008

Description: maman écolo Parisienne, je partage mes bons plans et découvertes.

J'enquête aussi sur la toxicité des plastiques et toutes ces choses nocives pour la santé des enfants.

 

Pour toute demande de partenariat, de test-produit, d'organisation de jeu-concours,  ou tout simplement une question sur l'un de mes articles contactez moi: mademoisellebiotupp(at)gmail(point)com

http://img.over-blog.com/200x198/4/29/48/03/sept-11/_Macaron.png

macaron_blog_wondercity_200.png

trophee-influenceurs-2013-copie-1.jpg

Ebuzzing - Top des blogs - Famille  Ebuzzing - Top des blogs - Lifestyle 

Recherche

Tous les talents féminins

Retrouvez mellebiotupp sur Hellocoton
Créer un blog gratuit sur over-blog.com - Contact - C.G.U. - Rémunération en droits d'auteur - Signaler un abus - Articles les plus commentés