• 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

    1
    Shuchu Profil de Shuchu
    Dimanche 30 Octobre 2011 à 19:09

    Comment  on enregistre en .cursor ?

     

    2
    Dimanche 30 Octobre 2011 à 19:12

    Pas besoin d'enregistrer en .cursor normalement.

    .Gif ou .Png ça marche très bien ;)

    3
    Shuchu Profil de Shuchu
    Dimanche 30 Octobre 2011 à 19:14

    Merci!

    4
    Samedi 12 Novembre 2011 à 14:51

    Merkii ^^

    5
    Dimanche 4 Décembre 2011 à 21:50

    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?

    6
    Dimanche 11 Décembre 2011 à 08:43

    Merci j'en rêvais depuis si longtemps x) :) 

    7
    Dimanche 11 Décembre 2011 à 12:41

    Mais lolo je t'ai appris komment faire U_u

    8
    Dimanche 11 Décembre 2011 à 12:43

    A bon !:x 

    9
    Dimanche 11 Décembre 2011 à 14:38

    Viens sur Transformice plz

    Et tu sais qui est la chérie du Démon //Alex si tu comprends pas//

    Alex sort avec Caro !! (Carohanon) Tu le savais ça? U_u

    Et euh Nagalia parfois j'arrive pas à mettre un curseur

    10
    Dimanche 11 Décembre 2011 à 15:32

    Moi aussi j'arrive pas oO il sort avek Caro x)  ( il es amoureux de tlm ) 

    11
    Dimanche 11 Décembre 2011 à 16:49

    Aussi parfois il m'appelle Mon coeur, Mimoux, Mon ange, Angel, et tout ça xD Et j'ai demandé il n'aime pas Nayll: Ils ne sont qu'amis.

    Pardon Nag' si on parle d'autres choses mais il faut absolument que je le dise à Amie56 allias Lolo

    12
    Dimanche 11 Décembre 2011 à 17:01

    ... Y a les mp pour ça --'

    13
    Dimanche 11 Décembre 2011 à 17:18

    Dézolée habitude aussi ...

    14
    Dimanche 11 Décembre 2011 à 17:28

    Pas trop grave ;)

    T'as réussit à mettre le menu coulissant?

    15
    Dimanche 11 Décembre 2011 à 18:44

    Oui ! :) Sa doit être moi qui avait un problème :)

    16
    Tree
    Dimanche 11 Décembre 2011 à 20:03

    Pour 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;}

    17
    Dimanche 11 Décembre 2011 à 20:45

    Pas besoin de mettre en .ico, ça marche parfaitement en gif ou png ;)

    18
    Tree
    Dimanche 11 Décembre 2011 à 20:48

    Je vais essayer en png apres avoir fini mon theme ;)

     

    19
    Lundi 12 Décembre 2011 à 11:26

    Moi j'ai du mal avek Gimp par rapport aux kalques ... Mon ordi les supprimes ... Il bug

    Et euh pardon mais euh Lolo ... Maman me manque (LPSO) :(

    Et pardon pour le kurseur sur un lien moi il ne marshe pas .... J'avais réussi une fois maintenant ça ne marshe plus ...

    20
    Lundi 12 Décembre 2011 à 18:21

    Ah... montre moi ton code quand tu réessaie

    21
    Lundi 12 Décembre 2011 à 18:56

    Ok mais plus tard stp ...

    22
    Vendredi 23 Décembre 2011 à 16:04

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

    23
    Vendredi 23 Décembre 2011 à 16:14

    J'ai que 3 ans de plus que toi, pas besoin de me vouvoyer ;)

    De rien =)

    24
    Jeudi 23 Février 2012 à 11:40

    Pour les curseur , il peuvent être maximum 100x100 , sinon sa marche pas .

    25
    Vendredi 24 Février 2012 à 14:08

    Merci beaucoup pour le tuto :)

    Mais , j'ai un petit probleme :

    par exemple , quand je passe sur le menubar , le cureur re deb=veins comme avant (>essaie<)

    26
    Vendredi 24 Février 2012 à 22:05

    Met la propriété cursor dans le menubar

     

    27
    Mercredi 29 Février 2012 à 20:49

    Il faut remplaçer <<"CURSEUR">> dans le premier code par l'url de l'image que l'on veut afficher ?

    28
    Mercredi 29 Février 2012 à 21:35

    Oui.

    Sauf si tu veux l'un des curseurs donnés (Crosshair) et bien remplace le truc Url par ce que tu veux.

    29
    Mercredi 29 Février 2012 à 22:01

    Ah, merci =)

    30
    Dimanche 1er Avril 2012 à 17:30

    Ah, j'y arrive pas !!!

    31
    Dimanche 1er Avril 2012 à 17:42

    Et bien fais

    HTML, BODY {cursor: url{"MET LURL DE TON CURSEUR..."}, auto;}

    Remplace ce qui est en rouge, par l'url de ton curseur T.T

    32
    Dimanche 1er Avril 2012 à 17:53

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

    33
    Dimanche 1er Avril 2012 à 18:24

    Il faut mettre des parenthèse, pas des accolade:

    HTML, BODY {cursor: url("MET LURL DE TON CURSEUR..."), auto;}

    34
    Dimanche 1er Avril 2012 à 18:39

    Ah oui, merci Nagalia^^

    35
    Dimanche 1er Avril 2012 à 20:04

    Woups ^^" Je me trompe toujours, surtout que sur mon écran, on ne voit pas la différence.

    36
    Saïx Profil de Saïx
    Mardi 3 Avril 2012 à 12:09

    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

    37
    Mardi 3 Avril 2012 à 12:16

    Fais: Changer de thème --> CSS --> Le code de nagalia ...: HTML, BODY {cursor: url("URL DE TON CURSEUR"), auto;}

    38
    Saïx Profil de Saïx
    Mardi 3 Avril 2012 à 12:17
    39
    MyungSoo Profil de MyungSoo
    Jeudi 19 Avril 2012 à 14:08

    Jarrive pas a faire '-' J'met l'Url mais sa marche pas '-'

    40
    Jeudi 19 Avril 2012 à 17:52

    Il faut bien mettre:

    HTML, BODY {cursor: url("URL"), auto;}

    ... Vérifie que tu n'as rien oublié, et au pire, montre ton code.. ?

    41
    MyungSoo Profil de MyungSoo
    Jeudi 19 Avril 2012 à 18:11

    voila le code :

    HTML, BODY {cursor: url("http://www.renders-graphiques.fr/image/upload/normal/2953946589_1_9_T1KG4B1v.png"), auto;}

    42
    Jeudi 19 Avril 2012 à 19:25

    Je vois ton curseur .. Moi.

    43
    MyungSoo Profil de MyungSoo
    Jeudi 19 Avril 2012 à 19:29

    Pas moi :/

    44
    Aikya Profil de Aikya
    Samedi 5 Mai 2012 à 13:43

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

    45
    Mireda Profil de Mireda
    Lundi 14 Mai 2012 à 16:04

    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?

    46
    moimoimoi12
    Lundi 14 Mai 2012 à 20:55

    jai rien compri

    47
    ˙Frєncн˙ Profil de ˙Frєncн˙
    Dimanche 24 Juin 2012 à 15:45

    HTML,BODY{cursor: crosshairauto;}

    Je ne comprends pas bien ou est le probleme ... help svp ><

    48
    xX Ezreal Xx Profil de xX Ezreal Xx
    Mardi 26 Juin 2012 à 13:14

    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)

    49
    Mireda Profil de Mireda
    Mardi 26 Juin 2012 à 16:41

    J'ai essayee plusieurs fois,mnais sa ne marche pas!

    50
    Dimanche 8 Juillet 2012 à 19:36

    Nagalia, sais-tu comment faire tomber des étoiles du curseur ?

    comme ici !

    J'éspere que tu pourras m'aider !!

    51
    skygraff Profil de skygraff
    Vendredi 20 Juillet 2012 à 22:04

    j'ai beau essayer de changer mon curseur ca ne marche pas

    si qqun peut m'aider voila mon code:  HTML,BODY{cursorurl" http://www.rw-designer.com/cursor-detail/24911)auto;}

    52
    xX Ezreal Xx Profil de xX Ezreal Xx
    Vendredi 20 Juillet 2012 à 22:17

    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>
    53
    skygraff Profil de skygraff
    Vendredi 20 Juillet 2012 à 22:25

    j'ai déja essayé mais ca me met  Le code CSS comporte une erreur, merci de le corriger avant d'enregistrer

    54
    xX Ezreal Xx Profil de xX Ezreal Xx
    Vendredi 20 Juillet 2012 à 22:41

    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)

    55
    skygraff Profil de skygraff
    Vendredi 20 Juillet 2012 à 22:49

    ???  le fichier s'appelle  " 05 Precision Select.ani "

    ou est l'Url  (excuse mon noobisme profond ds ce domaine ) ??

    56
    skygraff Profil de skygraff
    Vendredi 20 Juillet 2012 à 22:56

    c bon j'ai compris et ca marche !!!  merci beaucoup!!!    

    57
    ♥Kitty Ange♥ Profil de ♥Kitty Ange♥
    Mardi 24 Juillet 2012 à 13:26

    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

    58
    Bibi2121 Profil de Bibi2121
    Lundi 3 Septembre 2012 à 19:07

    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?

    59
    Abourra
    Lundi 3 Septembre 2012 à 23:58

    Euuuuuh comment prendre l'url du curseur ^^'?

    60
    Mardi 4 Septembre 2012 à 07:10

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

    url

    61
    Mercredi 31 Octobre 2012 à 11:33

    merci pour le tuto, ça va m'être très utile !!!

    62
    Mercredi 31 Octobre 2012 à 15:19

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

    63
    Mercredi 31 Octobre 2012 à 15:30

    je pense que ton image est trop grosse

    64
    Jeudi 1er Novembre 2012 à 11:53

    A bon ?

    A tu une idée pour que sa marche sil te plaît.

    65
    Jeudi 1er Novembre 2012 à 14:51

    Réduit la taille de ton image ;)

    66
    Jeudi 1er Novembre 2012 à 15:13

    Pourtant elle et a 100x100 px

    67
    Jeudi 1er Novembre 2012 à 15:27

    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

    68
    Jeudi 1er Novembre 2012 à 15:29

    Ah merci.

    Tu crois que 70 sa peut aller ?

    Ou 50 ?

    69
    Abby Profil de Abby
    Jeudi 14 Février 2013 à 13:49

     

    Moi je voudrai mettre le tube de mon chat

    Je vais essayer

    Merci beaucoup

    70
    Dimanche 17 Mars 2013 à 11:11

    PUNAISE J'Y ARRIVE PAS T.T.

    J4AI BEAU METTRE SA:

    HTMLBODY {cursorurl("http://ekladata.com/kSdk31AxP8AvKpQ_YPD-MMlaFX0.png")auto;}

    sa marche pas!!!

    71
    ♥Kitty Ange♥ Profil de ♥Kitty Ange♥
    Jeudi 18 Avril 2013 à 02:22

    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>

    72
    Vendredi 2 Août 2013 à 11:53

    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

     primevalREX

    73
    Vendredi 27 Septembre 2013 à 19:29
    mais je comprend rien !!! T^T y a pas d'espaces! O_o
    74
    Vendredi 27 Septembre 2013 à 19:31
    j'ai essayé au moins 20 sites de curseurs et ça marche paaaaas !!! (snif...) T^T
    75
    Dimanche 13 Octobre 2013 à 17:33

    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

    76
    Jeudi 27 Février 2014 à 12:13

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

    77
    Mercredi 2 Avril 2014 à 09:01

    EDIT : En fait c'est bon. :) Merci beaucoup !

    78
    Vendredi 9 Mai 2014 à 12:32

    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{cursorurl("url(http://cur.cursors-4u.net/cursors/cur-11/cur1054.cur")auto;}

    A:hover{cursorurl("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 >.<

    79
    Samedi 10 Mai 2014 à 01:32

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

    80
    Samedi 10 Mai 2014 à 11:50

    Merci :3

    81
    Mercredi 14 Mai 2014 à 11:28

    C'est quoi un CSS ?

    82
    Mercredi 14 Mai 2014 à 13:54

    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

    83
    Vendredi 30 Mai 2014 à 12:35

    Merci encore pour ce tuto !

    84
    Dimanche 15 Mars 2015 à 12:34

    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;}

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :