-
Changer le curseur
Pour mettre une image de curseur sur toutes les pages de votre blog :
html,body { cursor : url("CURSEUR"), auto; }Si vous voulez un curseur différent uniquement sur vos lien:
a { cursor : url("CURSEUR"), pointer; }
Vous pouvez également utiliser certaines valeurs génériques.
• auto : Ne change rien.
• default : Curseur par défaut du navigateur.
• pointer : Curseur en forme de main avec le doigt déplié.
• text : Curseur d'édition de texte.
• help : Curseur d'aide.
• wait : Curseur d'attente progress : Curseur de progression.
• move : Curseur de déplacement.
• crosshair : Curseur en forme de croix.
-
Commentaires
Je n'ai pas compris comment on fait pour mettre le curseur avec le "corsshair",peux-tu me le faire?enfin mettr ele crosshair dans le code stp?
10TreeDimanche 11 Décembre 2011 à 20:03Pour avoir un curseur avec une image pour sa il faut avoir OBLIGATOIREMENT >>gimp<< et votre logiciel de graph!
donc vous faite votre curseur sur le logiciel de graph que vous avez d'habitude,attention l'image ne doit pas deppasser 100x100,apres enregistre, puis maintenant aller sur gimp , vous ouvrez votre cuseur est vous enregistrer votre cuseur en format ico ,puis vous heberger votre ico est vous le mettez dans le code que nagalia vous a donnez , je la connais depuis longtemps ce tuto donc mieux le partager ^^:
HTML,BODY{cursor: url("CURSEUR"), auto;}
12TreeDimanche 11 Décembre 2011 à 20:48merci beaucoup je cherchais justement comment changé le cursors en croix merci mille fois vos tutos me servent beaucoup! (désolé si je vous vouvoie je fais toujours sa avec les personnes ou j'ai du respect et que je ne connais pas)
Il faut remplaçer <<"CURSEUR">> dans le premier code par l'url de l'image que l'on veut afficher ?
Je sais c'est ce que je fais. Ca me donne HTML, BODY {cursor: url{"http://cursors0.totallyfreecursors.com/thumbnails/cat4.gif"}, auto;}
Mais ça ne marche pas...
Il faut mettre des parenthèse, pas des accolade:
HTML, BODY {cursor: url("MET LURL DE TON CURSEUR..."), auto;}
J'arrive pas c'est desesperent je m'arache les cheveux >< je vais dans "modifier le theme" après je fais adresse URL jze mais le code (bien sur je mais le code entre les parentèse) je fais sauvegarder et hop pas marcher ToooT
voila le code :
HTML, BODY {cursor: url("http://www.renders-graphiques.fr/image/upload/normal/2953946589_1_9_T1KG4B1v.png"), auto;}
Merci merci merci!
Moi ça marche trèèèès bien sur Firefox mais pas sur IE, mince! M'enfin c'est pas très grave, j'ai plus qu'à faire le deuxième et j'aurais presque finnis mon CSS *^*
Ca ne marche pas!
J'ecris le code et je met l'url et il me dit:Erreur :vous n'avez pas l'autorisation de modifier ce module.
Qu'est ce que je fais dans se cas la?
32moimoimoi12Lundi 14 Mai 2012 à 20:55HTML,BODY{cursor: crosshair, auto;}
Je ne comprends pas bien ou est le probleme ... help svp ><
Fais: Changer de thème --> CSS --> Le code de nagalia ...: HTML, BODY {cursor: url("URL DE TON CURSEUR"), auto;}
PS: j'ai copier l'astuce dans le comm' de mimille511 (comm' 37)
j'ai beau essayer de changer mon curseur ca ne marche pas
si qqun peut m'aider voila mon code: HTML,BODY{cursor: url( " http://www.rw-designer.com/cursor-detail/24911 " ), auto;}
c'est parce que ce n'est pas le lien d'une image . voilà le code css de ton curseur :
<code><style type="text/css"> body {cursor: url(http://www.rw-designer.com/cursor-extern.php?id=24911);} </style> <a href="http://www.rw-designer.com/cursor-set/minecraft-diamond-edition" title="Get free cursors for your web.">Minecraft - Diamond Edition Cursors</a></code>
j'ai déja essayé mais ca me met Le code CSS comporte une erreur, merci de le corriger avant d'enregistrer
ah oui mince désolé c'est un code html bah dans ce cas télécharge le curseur et prend ensuite son url (url de l'image du curseur)
??? le fichier s'appelle " 05 Precision Select.ani "
ou est l'Url (excuse mon noobisme profond ds ce domaine ) ??
Moi je n'y comprends rien du tout, il n'y aurait pas un tuto plus simple svp?
je sus chez overblog, amis je avis sur eklablog, j'avis un super curseur papillon, il me manque juste ce réglage à faire
j'ai déjà demandé à ce que le javascript soit débloqué
merci d'avance
Je n'y comprends absolument rien du tout.
Enfin! J'avais essayé, mais rien. Vraiment, je ne comprends pas. Désolée!
P.S.: Est-ce qu'il y a des instructions beaucoup plus simple qui pourraient aider à mieux comprendre?
45AbourraLundi 3 Septembre 2012 à 23:58tu fais ton curseur et puis tu le met dans un des fichiers de ton blog,apres tu la se;lectionne et tu clique sur ouvrire et tu prend l'url!Si tu ne c'est pas c'est quoi un URL alors c'est comme ceci:
SALUT!!!
Merci pour ce tuto mais moi j'ai beau essayer de demande a pamal de personnes , sa ne marche pas.
Regarde je fais sa dans mon css :
HTML,BODY{cursor: url("http://www.hostingpics.net/viewer.php?id=6402021175.png"), auto;}
Je ne comprend pas pourquoi sa ne marche pas...
QUELQU'UN PEUT M'AIDER ! ?
TTvTT
Merci d'avance....
Ben j'ai tester ton code avec ton curseur, puis le même avec un curseur plus petit, donc essaie de réduire. Ça me semble grand 100px
PUNAISE J'Y ARRIVE PAS T.T.
J4AI BEAU METTRE SA:
HTML, BODY {cursor: url("http://ekladata.com/kSdk31AxP8AvKpQ_YPD-MMlaFX0.png"), auto;}
sa marche pas!!!
Bonjour je souhaiterais mettre ce cusrseur svp ? comment dois je faire cela ne marche pas
<style type="text/css">body {cursor:url(http://sd-1.archive-host.com/membres/up/103617246114893015/curseur/dessin-anime/hello-kitty/curseur-hello-kitty-10.cur),auto;}</style><a href="http://gifs-et-compagnie.over-blog.com/"</a>
Bonjour à tous,
Pour ma part, j'ai copié collé HTML, BODY {cursor:url("URL DE TON IMAGE"),auto;} en supprimant les espaces après cursor: et après ),
J'ai été trouver mon image sur mon article http://series-sf-dinos-dragons.eklablog.com/dragons-c23262153 et sur l'image j'ai copié collé "L'adresse du lien" en faisant un clic droit, je l'ai collé dans le texte en gras ci-dessus à la place de "URL DE TON IMAGE" et j'ai eu mon curseur
Merci encore de tous vos conseils
http://series-sf-dinos-dragons.eklablog.com/comment-j-ai-change-mon-curseur-c23520936
merci pour le code , chez moi ça marche , je suis sur mozilla mais par contre fonctionne pas sur internet exploreur 10 mais c pas grave lol
Très utile, merci pour le code~ (moi qui m'embêtais à chercher ailleurs alors que je sais que toutes les réponses concernant les codes sont ici... :')
Hey hey hey !
J'essaye en vain de mettre un curseur différent pour le curseur "normal" et le curseur qui survole les liens, j'ai l'impression d'avoir tout essayé !
HTML,BODY{cursor: url("url(http://cur.cursors-4u.net/cursors/cur-11/cur1054.cur"), auto;}
A:hover{cursor: url("http://cur.cursors-4u.net/cursors/cur-11/cur1049.cur"), pointer;}Donc le curseur normal marche pas (ça me fait la flèche simple), mais le curseur "pointer" marche >.<
J'ai remplacé "auto" par "default"; "pointer" par "auto" et bien d'autre... Je sais plus quoi faire >.<
Il y a un problème dans l'écriture de ton url ;)
url("url(http://cur.cursors-4u.net/cursors/cur-11/cur1054.cur")
url("http://cur.cursors-4u.net/cursors/cur-11/cur1054.cur")
C'est (en gros) un langage "codé" qui te permet de faire le design de ton blog.
Pour en savoir plus sur le sujet, voici un lien qui t'aidera : http://fanstasy-graph.eklablog.net/introduction-a4961842
Bonjour bonjour! Je me souvenais avoir utiliser ton tuto qui avait très bien marché mais maintenant que je réessais plus rien! Je ne comprends pas!
Voici mon code: HTML, BODY {cursor: url("http://www.renders-graphiques.fr/image/upload/normal/2953946589_1_9_T1KG4B1v.png"), auto;}
Ajouter un commentaire
Comment on enregistre en .cursor ?