• placer un curseur sur son blog

     

    Placer un curseur sur son blog.

    Vous devez commencer par heberger une toute petite image ,

    vous copiez le lien direct  "http : ..." de votre image pour la placer plus tard dans le code

    Attention !!! Les images gif avec animation ne fonctionnent pas avec google chrome .

     

    Le codeHTML,BODY{cursorurl("URL de l'image ICI")auto;}

      Remplacer ce qui est en rouge dans le code par l'url de votre image

    voici deux lien ou trouvez des curseur

    http://www.totallyfreecursors.com/

    http://www.clicpartout.com/curseurs/curseurs-animes.php

    *

    oui ce code ci dessus ne fonctionne que sur chrome 

    pour les autres navigateur il te faut un autre code  avec une image en png ou  gif et la deuxième image " la même" mais en .ani

    exemple sur le code suivant

     

    Le code

     HTML,BODY {cursorurl("http://IMAGE EN.ani"),

    url("http://IMAGE EN.png")auto;}

     

     

    L'image en .ani tu peu la faire dans le logiciel animation shop 

    les deux images doivent être identique !!

    *

    Coller le code à l'emplacement css 

    *

    Un merci fait toujours plaisir ; c'est la récompense de mon travail 

    « Texturer la barre de menuCoins arrondis titre des colonnes »

  • Commentaires

    1
    Mardi 2 Juillet 2013 à 13:13

    je ne comprend pas,le code CSS du curseur que je voulait mettre sur mon blog ne marche pas et comporte apparement un erreur... pouvez-vous me dire pourquoi?

    2
    Mardi 2 Juillet 2013 à 13:18

    Quel code as tu pris , celui ci ou un du net ? , tu veux bien me faire un copier coller sur mon blog pour que je le vérifie 

    3
    les bakas rangers Profil de les bakas rangers
    Mardi 2 Juillet 2013 à 13:25

    tien ;le lien ou j'ai touvé le site ou il ya des curseurs:

    http://www.clicpartout.com/curseurs/curseurs-animes.php

    et tien le code du curseur:

    <style>

    <!--

    body {cursor:url("http://www.clicpartout.com/curseurs/fleur10-anime.ani");}

    -->

    </style>

     

    4
    Mardi 2 Juillet 2013 à 13:31

    C'est normale que ça ne marche pas , c'est un code pour le HTML et pas pour le css .

    Ce code doit étre placer  dans le HTML dans un module de ta colonne , mais avant cela tu dois demander à Eklablog , d'activer le javas script .

    aussi non cela ne fonctionnera pas .

    5
    Mardi 2 Juillet 2013 à 13:37

    J'ai modifier le code , normalement il devrais fonctionner . teste le, si pas je suis désoler .

    voici le code modifier à coller dans le css

    html,body {cursor:url("http://www.clicpartout.com/curseurs/fleur10-anime.ani");}

    6
    les bakas rangers Profil de les bakas rangers
    Mardi 2 Juillet 2013 à 13:57

    merci infiniment!!! je ne sais pas quoi te dire!!! 2s. j'essaie le code...

    7
    les bakas rangers Profil de les bakas rangers
    Mardi 2 Juillet 2013 à 14:02

    je ne comprend pas... ça ne change rien, même si je clique sur appliquer et sauvegarder, mais ils ne disent pas que le code CSS comporte une erreur...

    8
    Mardi 2 Juillet 2013 à 14:08

    La je ne comprend pas il devrais fonctionner, mais attention les codes ne fonctionne pas toujours , cela dépant du navigateur .

    beaucoup ne fonctionne pas avec internet explorer et d'autre avec google chrome et vise versa .

    9
    les bakas rangers Profil de les bakas rangers
    Mardi 2 Juillet 2013 à 14:09

    ah ok, parce que la je suis sur google chrome 2s. je te rejoins sur mozilla firefox!

    10
    Mardi 2 Juillet 2013 à 14:11

    oui tu devrais essayer le code avec un autre navigateur

    11
    les bakas rangers Profil de les bakas rangers
    Mardi 2 Juillet 2013 à 14:13

    voila,c'est bon,là je suis sur mozilla!

    12
    les bakas rangers Profil de les bakas rangers
    Mardi 2 Juillet 2013 à 14:13

    je réessaie...

    13
    les bakas rangers Profil de les bakas rangers
    Mardi 2 Juillet 2013 à 14:15

    non,c'est pareil je clique sur "appliquer et sauvegarder" mais rien ne se passe

    14
    Mardi 2 Juillet 2013 à 14:19

    A tu essayer mon code avec une image à toi ? tu change juste ce qui est en rouge par l'url de ton image .

    Lui il fonctionne c'est sur !

    HTML,BODY{cursorurl("URL de l'image ICI")auto;}

    15
    les bakas rangers Profil de les bakas rangers
    Mardi 2 Juillet 2013 à 14:33

    ok! 2s. (encore... XD) je re-re-éssaie

    16
    les bakas rangers Profil de les bakas rangers
    Mardi 2 Juillet 2013 à 14:37

    là il y a VRAIMENT un problème; je peut te mettre en permission 3 ?

    17
    Mardi 2 Juillet 2013 à 14:43

    C'est comme tu veux  comme cela je regarderais pour voir si il n'y a pas de conflit dans tes codes et dit moi sur quel blog , donne moi aussi le lien de ton image pour le curseur.

    18
    les bakas rangers Profil de les bakas rangers
    Mardi 2 Juillet 2013 à 14:47

    je t'ai déja mis

    19
    les bakas rangers Profil de les bakas rangers
    Mardi 2 Juillet 2013 à 14:48

    le lien de mon image:

    https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcTpK8VvdfxUHVBlCYxqKDEtLZSErAdAT_t6sicZQ_tAd6nzgxwF

    20
    Mardi 2 Juillet 2013 à 14:52

    Le lien de ton image est bien trop long , je vais t'arranger cela et je reviens te le faire

    21
    les bakas rangers Profil de les bakas rangers
    Mardi 2 Juillet 2013 à 14:53

    ok! merci!

    22
    les bakas rangers Profil de les bakas rangers
    Mardi 2 Juillet 2013 à 15:26

    tu l'as fait !!! mercii beaucoup!!!

    23
    Mercredi 3 Juillet 2013 à 09:12

    coucou manola moi jz suis sur mozilla et sur mon blog essai ca marche, par contre si je veux le mettre sur mon blog principal ca ne marche plus sauf si je prends la meme image, je ne comprends pas, merci de maider bonne journee, tu est en permission merci, je vais travailler , chez moi mais travailler quand meme bisous..et merci..

    http://lelilove.eklablog.com/accueil-c724681

    24
    Mercredi 3 Juillet 2013 à 09:14
    25
    Gribouille41160
    Dimanche 21 Juillet 2013 à 08:08

    merci c'est super !!!!

    26
    Dimanche 21 Juillet 2013 à 08:09

    remerci

    27
    Vendredi 2 Août 2013 à 17:03

    Coucou Manola,

    Holala, j'espère que tu restes bien à l'ombre !!

    Je regarde tous tes liens et je ne vois aucun qui corresponde pour faire un tit carré autour
    du tit bonhomme à côté des pseudos, ( comme à côté de lelilove ) "  "

    Merci de ton aide si précieuse...
    Je ne retouve plus non plus pour pour faire des arrondis en tête de page,
    tu me l'avais donné et je ne retrouve encore plus dans mes liens..
    Holala, je dois être perturbée par la chaleur, hihi..

    Merci pour tout ce qui fais et prend bien soin de toi..

    Bizouilles de Marinette et génial ton blog, suis trop contente d'y arriver...
     

    28
    Samedi 3 Août 2013 à 01:31

    Coucou , Marinette , oui quel chaleur en ce moment chez nous 28 degré on manque d'air

    Bon voilà , Pour les coins arrondis du 2em fond c'est http://codes-test.ek.la/sans-titre-a87883807

    pour les coins arrondis de l'image c'est http://codes-test.ek.la/sans-titre-a87891369

    et pour la petite bordure au petit bonhomme c'est http://codes-test.ek.la/sans-titre-a91622781

    attention cela te met également une bordure autour des avatars et sur les images de ton blog.

    Bonne nuit

    29
    Samedi 3 Août 2013 à 22:20

    Merci manola,

    Tout compte fait, cela ne me plait pas trop que cela entoure toute les images,
    c'est joli mais pas chez Moi..
    Je te remercie beaucoup pour tous les efforts que tu fais pour répondre et cela me fait bien plaisir
    de voir des gens comme Toi..

    Bonne nuit et bonne fin de wkend..

    1000 bizouilles de Marinette, reconnaissante de ce que tu fais...

    30
    Mardi 10 Septembre 2013 à 21:43

    Merci :)

    31
    Dimanche 22 Septembre 2013 à 11:23

    Bonjour Manola ... il y a 2 mois d'ici tu es passée sur mon blog

    et là je vois sur ton avatar que tu t'y connais en css olé loll suis-je sauvée ?

    J'essaye de mettre ce curseur animé sur mon blog mais sans succès jusqu'ici

    <script language=javascript src="http://astuforum.free.fr/js/et_cur_blanc.js" /></script>

    j'ai demandé l'activation du java scritp à eklablog et j'attends toujours ...

    En lisant les commentaires ici j'ai essayé mais toujours sans succès ...

    aurais-tu une solution a me proposer ? ... d'avance merciiiiii

    Strassy   ;)

     

    32
    Dimanche 22 Septembre 2013 à 12:16

    Bonjour Strassy , j'ai répondu a ton message sur un de te blog , bonne journée .

    Et merci pour la visite

    33
    Dimanche 22 Septembre 2013 à 12:18

    Strassy , j'ai oublier de te dire que certain curseurs annimés ne fonctionne pas avec google chome !!

    34
    Dimanche 22 Septembre 2013 à 12:51

    Non non je l'avais vu et j'ai chrome mais j'emploie plus souvent explorer :) 

    35
    Dimanche 22 Septembre 2013 à 13:13

    Merci pour ta réponse :) j'ai vu tes codes mais franchement chui pas douée en informatique loll

    et pour moi c'est du chinois je crois que l'affaire est pas gagnée loll

    36
    Mercredi 25 Septembre 2013 à 12:53

    merciiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii

    beaucoup 

    37
    Mercredi 25 Septembre 2013 à 14:57

     

    Bonjour Manola,


    Avant j'avais le tube de mon chat et une amie m'avait fait un joli curseur avec mon chat.

    Tu le verras tout en bas de la colonne de gauche.

    On arrive plus à le remettre en curseur, j'ai bien l'image, mais je n'arrive pas à faire quoique ce soit.

    Chez mes amies le codes employé fonctionne mais plus chez moi et on ne trouve plus la raison.

    Ce n'est pas un code à mettre dans le CSS, il est en HTML.

    Je ne veux pas mettre le code ici mais tu pourras le voir ...

    Aussi, tu sais sous le truc Notifications, je n'arrive plus à trouver l'endroit où j'ai pris ce code,

    Si tu voulais bien me le dire, je cesserais de chercher, je ne me retrouve plus dans mes codes CSS, pourtant je les ai déjà tous fait une fois.

    Bon après-midi,

    Amitié,

    Allison

    38
    Jeudi 10 Octobre 2013 à 18:40

    Super !!

    39
    Vendredi 15 Novembre 2013 à 22:16

    coucou manola n y a t il pas un code pour faire un curseur qui suis la souris merci d avance bisous

    40
    manola 2
    Samedi 16 Novembre 2013 à 01:22

    Je ne crée pas de code java script ou html

    41
    Samedi 16 Novembre 2013 à 01:39

    oui desolee manola deja il y a de belles trouvaille sur ton site faut juste que je commence merci

    bon wee kend bisous

    42
    Vendredi 22 Novembre 2013 à 18:20

    Merci!!!^^ Tous tes conseils me sont supers utiles!!!!

    43
    Vendredi 22 Novembre 2013 à 18:23

    çamarche plus moi... =(

    44
    Vendredi 10 Janvier 2014 à 09:24

    Coucou tite Manola,

    Voilà, j'ai regardé tout ce qui concerne les curseurs, 
    Mettre une image sur le curseur, de ce coté là tout va bien, juste " curseur étoiles " 
    que je ne trouve pas..
    Holala, quelle blogueuse je suis..
    Merci, bonne journée et gros bisous..

    45
    Vendredi 10 Janvier 2014 à 19:40

    Oufff Manola,

    J'ai enfin tout compris..
    Cela ne fonctionnait pas car j'avais déjà une image au curseur..
    Bon, comme je suis têtu, j'ai enfin trouvé..
    Merci pour tout ce que tu fais..
    Bonne soirée et bisous..

    46
    Mercredi 19 Février 2014 à 14:03

    Bonjour, j'ai trouver un site avec des curseurs, je ne l'ai pas encore tester mais voila le lien  http://www.cursormania.com/dl/index.jhtml

    47
    clubcountrymaromme
    Mardi 11 Mars 2014 à 00:16

    bonsoir je suis sur google chrome je n'arrive pas a rentré le code a chaque fois sa met code erreur voici le lien <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 Guitar Multi Glitter Diagonal Resize 1 Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/guitarmultidiagonalresize1.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/guitarmultidiagonalresize1.gif"), auto;}</style>

    48
    Mardi 11 Mars 2014 à 07:39

    Ce code est du java sript ce n'est pas du css et il est a coller dans la source d'un module de la colonne . 

    49
    Mardi 11 Mars 2014 à 21:16

    coucou manola ta musique est magnifique j adore gros bisous

    kiss

    50
    Mardi 11 Mars 2014 à 22:34

    Merci beaucoup, on comprend tout sur ce blog!

    51
    Dimanche 16 Mars 2014 à 19:40

    Salut Manola ,

    J'ai un problème avec le code CSS ...

    je mets le code là où il doit être et le curseur ne s'affiche pas

    Tu pourrais m'aider S'il te Plait

    52
    Jeudi 10 Avril 2014 à 19:14

    Coucou ma Manola, apparemment le code curseur ne fonctionne plus sous Mozilla car j'ai beau le mettre sur mon blogtest mon curseur n'apparait pas !  et  j'ai le même code que toi, c'est bizarre. Encore un bug chez Ekla ? ou c'est moi hihi , tiens moi au courant ma belle.

    Gros bisous bonne soirée.

    53
    Jeudi 10 Avril 2014 à 19:43

    oui ce code la ne fonctionne que sur chrome 

    pour les autres navigateur il te faut ce code avec une image en png ou en gif et la deuxième image en .ani

    exemple sur ce code

     HTML,BODY {cursorurl("http://IMAGE EN.ani"),

    url("http://IMAGE EN.png")auto;}

    L'image en .ani tu peu la faire dans le logiciel animation shop 

    les deux images doivent être identique !!

    54
    Jeudi 10 Avril 2014 à 21:51

    Coucou ma Manola, arf j'ai pas animation shop, mais si le curseur est un gif je peux le transformer  en ani? Faut que je trouve ce logiciel merci beaucoup Manola gros bisous bonne soirée.

    55
    Vendredi 11 Avril 2014 à 07:57

    Oui envoie moi l'image et je te le transformer en ani

    56
    Samedi 26 Avril 2014 à 13:43

    Bonjour, et merci pour ce code ainsi que les autres que tu publies. Est-ce-que tu pourrais inscrire le lien a trouvé ton curseur s'il te plait ? Merci :)

    57
    Joanne
    Samedi 23 Août 2014 à 04:13

    Bonsoir merci beaucoup pour tout ses astuces sa ma aider beaucoup .

    J'aimerais savoir comment avoir des etoiles qui suivent la souris comme vous svp ?

    Merci d'avance 

    Joanne

    58
    Dimanche 24 Août 2014 à 14:58

    Ca ne marche pas moi comme image je veux ça

    "http://ekladata.com/UzsnyihM8zwOhm2HH8ntu5sjzZg/cc25.ani"

    59
    Dimanche 24 Août 2014 à 18:21

    essaye ce code

    HTML,BODY {cursor: url("http://ekladata.com/UzsnyihM8zwOhm2HH8ntu5sjzZg/cc25.ani"),  url("http://ekladata.com/WmgAwnEj8QK0WANubmGmKXucaGs/cc25.png"), auto; }

    60
    Dimanche 24 Août 2014 à 18:29

    Merci ça marche super bien

    61
    Vendredi 29 Août 2014 à 14:41

    bonjour excuse moi mais le curseur c'est la flèche de la souris ?

    62
    Vendredi 29 Août 2014 à 18:21
    63
    Vendredi 29 Août 2014 à 18:32

    merci ^^.

    c'est bon ça à marcher merci beaucoup.

    64
    Vendredi 7 Novembre 2014 à 17:24

    Bonjour ,

    Moi non plus je n'arrive pas à entrer le code. À chaque fois on me signale erreur !

    J'ai arrêté de rêver avec ces codes !

    Je laisse tout tomber.

    Bisette

    65
    Dimanche 7 Décembre 2014 à 14:19

    Bonjour !!! Merci pour toutes ces indications !!! Mais il y a un petit problème : lorsque je veux mettre un curseur, ça ne marche pas !!!!

    66
    Dimanche 14 Décembre 2014 à 09:06

    Ah si ça y est, j'y arrive !

    Merci !!!

    67
    Dimanche 11 Janvier 2015 à 12:53

    J'aimerais bien mettre un curseur avec CETTE IMAGE mais ça ne marche pas. Pourrais-tu faire le code html s'il te plaît ???

    68
    Dimanche 11 Janvier 2015 à 12:55

    Oops erreur : cette image-là

    69
    Samedi 11 Avril 2015 à 22:03

    en faites je voudrai savoir si je pouvais avoir le même cursor que tu as maintenant car il m'interesse mais le problème c'est que je le trouve pas

    70
    Vendredi 7 Août 2015 à 17:00

    Salut, peut tu mettre un code css pour un curseur pluie d'étoile stp j'en ai besoin

    MERCI ^^

    71
    Vendredi 7 Août 2015 à 19:23

    Désoler cela n'existe pas en css , seulement en javascript .

    je ne partage pas de javascript !

    72
    Vendredi 7 Août 2015 à 20:59

    oki c'est pas grave

    73
    Mercredi 9 Septembre 2015 à 21:49
    Bonsoir, et un grand merci pour la patience et toutes les explications que je vois que tu donne. Perso je rêve d' avoir un jolie truc au bout de mon curseur, mais voilà! Je ne comprends pas grand chose. J' ai Mozilla Firefox. J' ai essayer de mettre un de tes codes CSS, mais on me dit! Que ce n' est pas complet, donc pas de beau curseur. Pourrais tu stp me dire ! si c' est possible ! Ou je fait la faute. Bonne soirée et merci pour tout.
    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :