-
Curseur perso sur tout le blog
http://cursors3.totallyfreecursors.com/thumbnails/playstationcontrol.gif
-----------------------------------
Pour mettre cette image en curseur sur tout le blog, 'ajouter dans CSS' le code suivant:
/**debut curseurconsole**/
HTML,BODY, a:hover{
cursor: url("http://cursors3.totallyfreecursors.com/thumbnails/playstationcontrol.gif"),
url("http://cursors3.totallyfreecursors.com/thumbnails/playstationcontrol.gif"), auto;
}/**fincurseurconsole**/
http://ekladata.com/hWNp_r-I8lKhyVVTiqv8tf1c-34.png
Tags : curseur perso
-
Commentaires
Bonjour loulouman,
c'est normal que , lorsque tu mets ce code dans 'ajouter du CSS' il t'est dit que le code comporte une erreur car ce code est un mélange de code html et de code CSS.
Dans 'ajouter du CSS', tu ne peux mettre que du CSS donc:le bon CSScode est:
/**debut curseur moustache**/
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/1pointer81.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/1pointer82.gif"), auto;}
/**fin curseur moustache**/..
tu me diras si, comme ça, ça fonctionne...
Une dernière questions, est-ce normal que quand je passe la moustache sur des liens sa redevienne une flèche?
Merci pou ton aide et bonne vie à ton blog!
Dernière question pour de vrai!
Tu pourrais m'exipliquer comment on trouve juste se qui faut là-dedans?
<div style="position: fixed; bottom: 0px; left: 2px;"><br><embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="https://25ad564e-a-62cb3a1a-s-sites.googlegroups.com/site/mymoodnote9/my note- mood105.swf" flashvars="textanda=TEXT ANDA DI SINI" wmode="transparent" type="application/x-shockwave-flash" quality="high" height="210" width="200"></embed></div>
Bonjour Loulouman,
Le curseur sur les liens, par défaut c'est une petite main. Si tu veux à la place ton image , faut mettre
/**debutmoustachelien**/
a:hover {cursor: url("http://downloads.totallyfreecursors.com/cursor_files/1pointer81.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/1pointer82.gif"), auto;}
/**finmoustachelien**/
Tu peux changer les url (en orange) de l'image si tu veux, au passage sur les liens, une image différente de la moustache ( dans ce code, il y a deux url, une en point ani et une en point gif car ta moustache est animée mais tu peux ne mettre qu'une url si l'image est fixe)
---
Le code que tu mets dans ton précédent message, est-ce pour une vidéo ??parce que, pour l'instant, je ne peux pas te dire ce qu'il faut la dedans si je ne sais pas pour quoi c'est faire
(et en gros, c'est que du html, pas du CSS ...)Aaah...
Le code c'est pour une image à mettre dans le coin en haut à droite et quand tu descend, elle descend avec.
Je sais pas comment t'expliquer, voici l'adresse du blog ou j'ai trouvé l'image: http://widgetindex.blogspot.fr/2010/12/note-mood-105.html
aller dans kategorie winget puis My Mood's Note et là, y a des images et moi j'aimerais bien celle qui est tout en bas.
Je ne vois pas trop quelle image tu voudrais. J'en ai pas vu en bas ( ya un petit balancier nounours dans le coin sup droit)...
J'ai essayé les deux codes qu'il propose et ils ne marchent pas (l'image ne s'affiche pas sur mon blog).
Regarde ma petite étiquette, en haut à gauche. Je viens de la rendre fixe, c'est à dire qu'elle ne défile plus avec le blog. C'est cela que tu veux, une image fixe dans un endroit bien précis du fond du blog ?
Oui, mais quand tu cliques sur My Mood's Note y'a un article en anglais et en dessous il y a plein de petite images, moi j'aimerais celle qui est toute en bas.
Quelle petite étiquette? Plus joli avec mozilla Firefox? Cette image, quand je dessend en bas de ton blog, elle descend aussi... Mais c'est bien ce que je veux, une image fixe dans un endroit bien précis!
Bonjour,
j'ai pris la dernière des images, c'est celle-là que tu veux ? ( je l'ai mise en haut à droite de l'écran)
Peu importe car, si c'est ça que tu veux, je vais mettre dans un article ce que j'ai fait (et tu pourras le refaire pour n'importe quelle image)
Coucou Loulou,
J'ai fait un article là
C'est pas tout à fait comme cela que j'ai fait(*) pour l'image qui est actuellement coin inférieur droit mais je crois que c'est plus simple comme expliqué dans l'article si tu n'as qu'une image.
( quand tu veux plus de style à l'image fixée , genre des bords arrondis, une ombre, un cadre image + texte..., il vaut mieux faire autrement- (*) la mettre dans une div et mettre son style dans le CSS...)
Bonjour,
Je viens de faire le test curseur souris, bien réussie à le mettre.
Image ci dessus.
Maintenant j'aimerais ajouter l'image perso, mais je n'arrive pas à trouver adresse image. Simple sûrement, mais bon!!!!
Merci pour toute cette aide, qui m'a vraiment fait avancer dans la présentation de mon blog principal tout d'abord.
Je me lance aussi pour les autres......
Je t'ai mis dans mes liens, car très utile. UN GRAND MERCI.
Bonjour Mamie ninette,
désolé du retard de réponse.Je suis allé sur ton blog principal et je vois que tu as bien appliqué mes leçons je plaisante !!
Maintenant, tu te débrouilles bien toute seule.Pour trouver l'adresse d'une image:
-il faut qu'elle soit insérée dans un article. une image pour curseur ne doit pas être trop grande.Une fois dans ton article, tu cliques souris clic droit sur l'image et
dans la fenêtre qui s'ouvre tu choisis "copier l'url de l'image" ou "copier l'adresse de l'image"
( La phrase exacte dépend du navigateur que tu as. quel est ton navigateur, internet explorer, chrome ou firefox ?)Et donc , une fois que tu as copié l'adresse de l'image, tu vas la coller à la place de l'adresse http actuelle
(qui est une image de manette de jeux) dans le code que tu as ajouté dans "ajouter du CSS".Si tu veux, tu peux insérer ton image ici dans un comm et je te donnerais l'adresse à mettre ou même tout le CSS pour le curseur
Bonjour et merci des renseignements. Pas grave pour le retard, je pouvais attendre....
De plus, chez nous, il fait beau et nous en avons profités.
Pour l'image même ici je ne peux la joindre, car il faut un code. J'ai l'image sur l'ordi mais je ne sais comment te la poster.
file:///Users/nicolebarrot/Desktop/anim_lezard11.gif
C'est ce qui est affiché lorsque je met fichier copier et coller.
Mon navigateur est safari en priorité (mac) ou google chrome.
Merci pour ton aide. Car j'avance comme tu dis, mais vraiment grâce à toi.
Amitiés.
Bonjour MamieNinette,
en effet, j'avais oublié que dans un comm, on ne peut pas insérer une image depuis son ordi. Mais dans un article, oui;
Tu passes par le premier bouton "petite montagne"image de l'éditeur d'article et tu vas rechercher le fichier dans ton ordinateur.
Tu laisses cet article en hors-ligne, c'est simplement pour héberger l'image sur ekla et donc avoir son adresse http:// à mettre dans le CSS pour le curseur.Je viens de faire l'article avec la grenouille.
l'adresse est :http://mamieninette37.eklablog.com/photo-grenouille-a114663450
Mais n'arrive pas à la joindre au css.??? car cela met erreur.
Bonjour Mamieninette et bonne semaine
L'adresse que tu donnes est une adresse de page de blog. Ce qu'il te faut, c'est l'adresse de l'image simplement.
Tu vas voir cet article avec image, tu cliques bouton droit de la souris sur l'image dans l'article,
tu fais "copier l'adresse de l'image" dans la petite fenêtre qui s'ouvre à coté de la souris.
Et c'est cette adresse là qui te faut introduire dans le CSS curseur, à la place de l'image de la console de jeux, c'est à dire "entre les guillemets"Bonjour,
Je viens de faire comme tu dis et je n'y arrive pas.
Mon adresse image est celle ci : http://ekladata.com/NJ8A5pfdDFOpxFJhApsM1aFHM8U.gif
Alors que lorsque je copie tes codes à toi et de l'autre personne cela marche.
Pourrais tu essayer ? Merci beaucoup.
Bonjour,
j'ai mis le code ci dessous sur mon blog http://bloginscription.ek.la/
Tu peux aller voir, ça fonctionne mais
1- avec chrome, le gif n'est pas animé,(faut que je vois si ça vient du navigateur ou d'autre chose) et
2- comme ton curseur/image n'a pas vraiment de pointeur=une petite flèche précise, on sait pas trop parfois si on passe sur un lien..enfin , je ne sais pas trop comment l'exprimer mais , avec mon curseur souris, ça fait un peu pareil et certaines personnes se plaignent que c'est pas trop pratique.../**debut curseurconsole**/ HTML,BODY, a:hover{ cursor: url("http://ekladata.com/NJ8A5pfdDFOpxFJhApsM1aFHM8U.gif"), url("http://ekladata.com/NJ8A5pfdDFOpxFJhApsM1aFHM8U.gif"), auto; } /**fincurseurconsole**/
Merci beaucoup.
Je vois que mon commentaire à disparu ?
J'ai fait l'essai et ceci n'est pas concluant, puisque la flèche ne gère pas comme l'on veut. J'ai donc remis le petit chat pour le moment.
A bientôt.
Amitiés.
Bonsoir Mamieninette
Ton petit chat est très mignon sinon,
J'ai mis une petite flèche sur ton image : son adresse est :
http://ekladata.com/E61USiO1UOp3caSvvF43NBl1ZfQ.png
Le code , sans le mettre pour les liens ( la main par défaut réapparait sur les liens) est le suivant
/**debut curseurconsole**/ HTML,BODY{ cursor: url("http://ekladata.com/E61USiO1UOp3caSvvF43NBl1ZfQ.png"), auto; } /**fincurseurconsole**/
coucou maximum34,
Merci pour avoir ajouté la flèche.
Moi aussi je trouve que le petit chat est mignon et convient avec le fond de blog!!!!
Je crois que je vais le garder.
Bonne soirée à toi. Bises.
Pour un autre blog peut-être !
Il faudrait qu'on s'occupe de tes fonds de boutons de menu ( en survolé) car l'image actuelle qui est celle du modèle d'origine est trop petite ..idem pour le fond des titres des modules, si je me souviens bien ..
oui je veux bien mais comment ?
En ce moment je me dédis plus au désign je mets quelques articles, mais passe du temps, donc pas disponible pour aller voir beaucoup de blogs. Je le ferais ensuite plus régulièrement.
Oui je voudrais bien changer les boutons (ou onglets pour moi) autre présentation que celle ci. Comment faire ?
Bonjour MamieNinette,
Pour les onglets du menu entête, tu peux jouer sur le fond, la forme ( bords arrondis), les séparer en mettant une marge entre chaque élément.. ( sur ce blog http://maximum34.ek.la/ je les ai mis tout rond et qui tournent !)
Pour le fond, soit tu mets une couleur unie ( qui change au survol) soit une texture faite d'une petite image en mosaique soit une image unique de la dimension de l'onglet...
Je t'ai mis des exemples sur ce blog ( en partant de ta photo d'hortensia)
http://bloginscription.ek.la/image-fond-onglet-menu-en-tete-a114729426Je viens de voir tes deux sortes.
Le premier : les boutons ronds qui tournent me plaisent bien mais comment paramètrer ?
Pour le second les boutons avec la couleur que tu as mis me plait aussi. Mais comment procéder ? Je ne suis pas douer pour trouver ces paramètres. dimensions, etc....
Il faut que j'aille je pense dans : boutons ? mais les paramètre qu'ils proposent ne me parle guère.
Merci pour ta réponse.
Bonne journée.
Les boutons ronds, ça risque d'être un peu compliqué et surtout comme tu as des avec sous menu et plusieurs sous menus, ça risque de te prendre trop de hauteur sur la page quand ils sont déroulés..
Les couleurs mises en place dans le deuxième blog sont plus facile.
As-tu accès à l'article que je l'ai mis dans le message précédent ? parce que si oui, on eut se retrouver la bas et je t'indiquerai la marche à suivre dans l'article lui même..et tu réponds dans le commentaire..
Bonjour,
J'ai un petit problème: quand je vais sur le site avec les curseur, je copie le premier lien, je le colle dans "ajouter CSS", et il y a écrit "le CSS comporte une erreur" et je ne peux pas le mettre sur mon blog.
Pouvez-vous m'aider?? :-)
PS: Voici le code que je copie: <div align="center" style="z-index:9;visibility:visible;"><a href="http://www.totallyfreecursors.com/" target="_blank" class="tfc"><img src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif" border="0" width="88" height="31" alt="Free Tail 2 Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/tail2.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/tail2.gif"), auto;}</style>
Sinon, ce blog est très sympas!
Merci
Bonjour Egame,
Le code que tu veux introduire dans "ajouter du CSS" n'est pas que du code CSS (**) ; C'est pour cela que l'éditeur te répond que "ce code contient une erreur.
(**) la partie avec des <div> est du code html ; seule la partie entre <style> et </style> est du code CSS.
Donc dans "ajouter du CSS", il te faut copier uniquement cela:
/*debut curseur perso*/HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/tail2.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/tail2.gif"), auto;}
/*fin curseur perso*/Bon week-end
Re-bonjour,
Merci pour la réponse! Mais je copie le lien que vous m'avez envoyer, je le colle et le curseur devient normal...
Dites-moi si je m'y suis mal prise, svp.
Merci
Ha si! Sa marche! Exusez-moi et encre merci! ;)
Voici mon blog, (je viens de commencer hier donc ce n'est pas parfait): http://legame.eklablog.fr
Bon week-end
De rien, c'est ça l'entraide entre blogueurs !
Rapide mais j'y reviendrai..
C'est un très bon début !
seul petit bémol mais c'est certainement parce que mes yeux n'ont pas ton age !
Le vert fluo sur fond blanc, j'le vois pas
A plus
TranslatorJ AI VOULU METTRE UN CURSEUR ANIME SUR MON BLOG ET J AI RIEN TROUVE...RIEN NE MARCHE SUR CE SITE...CE N EST QUE DU BLA BLA. EXCUSEZ MOI.
TranslatorJ AI VOULU METTRE UN CURSEUR ANIME SUR MON BLOG ET J AI RIEN TROUVE...RIEN NE MARCHE SUR CE SITE...CE N EST QUE DU BLA BLA. EXCUSEZ MOI.
Ajouter un commentaire
Sa ne marche pas. Le curseur que je veux (sur tout le blog) est un moustache qui brille rose.
code CSS: <div align="center" style="z-index:9;visibility:visible;"><a href="http://www.totallyfreecursors.com/" target="_blank" class="tfc"><img src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif" border="0" width="88" height="31" alt="Free Mustache Pink Glitter - Pointer 1 Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/1pointer81.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/1pointer82.gif"), auto;}</style>
Et sa ne marche pas...