• 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

    « Animation balleCurseur survol image lien »
    Partager via Gmail Yahoo! Google Bookmarks

    Tags Tags :
  • Commentaires

    1
    Mercredi 25 Septembre 2013 à 14:06

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

    2
    Mercredi 25 Septembre 2013 à 14:42

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

    3
    Mercredi 25 Septembre 2013 à 21:19

    Thank you!

    4
    Mercredi 25 Septembre 2013 à 21:46

    You're welcome

    good evening

    5
    Jeudi 26 Septembre 2013 à 07:22

    Une dernière questions, est-ce normal que quand je passe la moustache sur des liens sa redevienne une flèche?

    6
    Vendredi 27 Septembre 2013 à 07:33

    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>

    7
    Vendredi 27 Septembre 2013 à 12:23

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

    8
    Vendredi 27 Septembre 2013 à 15:53

    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. 

    9
    Vendredi 27 Septembre 2013 à 16:54

    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 ?

    10
    Samedi 28 Septembre 2013 à 08:58

    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!

    11
    Samedi 28 Septembre 2013 à 12:49

    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)

    12
    Samedi 28 Septembre 2013 à 15:13

    Oui, c'est celle-là!!!!

    13
    Samedi 28 Septembre 2013 à 20:22

    Coucou Loulou,

    J'ai fait un article

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

    14
    Mercredi 11 Février 2015 à 09:23

    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.

    15
    Jeudi 12 Février 2015 à 13:44

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

    16
    Jeudi 12 Février 2015 à 17:15

    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.

     

    17
    Jeudi 12 Février 2015 à 21:45

    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.

     

    18
    Jeudi 12 Février 2015 à 22:54

    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.

     

    19
    Lundi 16 Février 2015 à 10:30

    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"

    20
    Lundi 16 Février 2015 à 14:58

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

    21
    Lundi 16 Février 2015 à 15:11

    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**/
    22
    Lundi 16 Février 2015 à 19:08

    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.

    23
    Mardi 17 Février 2015 à 18:21

    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**/
    24
    Mardi 17 Février 2015 à 18:34

    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.

    25
    Mardi 17 Février 2015 à 18:40

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

    26
    Mardi 17 Février 2015 à 21:23

    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 ?

     

    27
    Mercredi 18 Février 2015 à 15:19

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

    28
    Mercredi 18 Février 2015 à 16:05

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

    29
    Mercredi 18 Février 2015 à 16:12

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

    30
    Samedi 27 Février 2016 à 11:16

    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

    31
    Samedi 27 Février 2016 à 11:27

    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

     

     

    32
    Samedi 27 Février 2016 à 11:42

    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

    33
    Samedi 27 Février 2016 à 11:58

    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

    34
    Samedi 27 Février 2016 à 12:25

    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

    35
    Samedi 27 Février 2016 à 12:46

    Ok merci j'y penserais! ;)

    Je viendrais te voir en cas de problème!



    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :


//script feuille de style suppl