• Annonce Mettre un curseur personnalisé (l'image que l'on veut)


    Jeudi 4 Novembre 2021 à 14:06
    Marisarah

    Stormalo, je l'écris dans le css, version standard dans mon blog Naturaimer

    Jeudi 4 Novembre 2021 à 14:10
    stormalo

    Actuellement (14:10) je ne le trouve pas dans le css de ton blog (lien ci-dessous):

    http://naturaimer.eklablog.com/theme-303803-37297.css

    Si tu le mets en fin de liste dans "ajouter du css" il devrait être en fin de la liste dans le theme qui s'affiche

    Jeudi 4 Novembre 2021 à 14:15
    Marisarah

    Bien sûr, à chaque fois que j'essaie, il est écrit, impossible etc....depuis hier j'essaie dans les paramètres de mon ordi pour changer le curseur de ma souris en y mettant une petite étoile ou autre, rien ne marche, alors j'abandonne, je te remercie infiniment, bon après midi !

     

    Jeudi 4 Novembre 2021 à 14:30
    stormalo

    Ah, dans ce cas ce n'est pas un problème venant du code en lui même.

    Essaye de mettre le code dans la source d'un module simple, ou dans une page de test (en ajoutant les balises <style>    </style>  et après un paragraphe, même vide)

    <p></p>

    <style>
    html, body {
    cursor: url("http://ekladata.com/vpVR8DtGLUzqfMwYFBsdrOWMMzQ@40x40.png"), auto;
    }
    </style>

    Juste pour voir si la saisie est acceptée et si l'image apparait

    Mercredi 10 Novembre 2021 à 17:15
    Marisarah

    @stormalo

    Bonjour dans cet article ►http://naturaimer.eklablog.com/dans-l-eglise-une-voix-a129996578

    Sur la flèche de souris il y a un oiseau mis depuis un certain temps, mais quand je vais dans le code source, je n'arrive pas à trouver ce que je dois copier pour coller dans le css de mon blog.

    Si tu peux m'aider quand tu as le temps, merci infiniment d'avance.

    Mercredi 10 Novembre 2021 à 21:20
    stormalo

    Bonsoir Marisarah,

    Dans le code source de cette page, c'est ce code qui définit le curseur :
    <style type="text/css"><!--
    body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-3/nat212.cur), progress !important;}
    --></style>

    Que j'écrirais plutôt comme ceci:
    <style type="text/css"><!--
    body {cursor: url(http://cur.cursors-4u.net/nature/nat-3/nat212.cur), auto;}
    --></style>

    Si tu veux que ce curseur concerne toutes les pages de ton blog,il faut placer ce css dans le thème, en l'écrivant comme ceci :
    body {cursor: url(http://cur.cursors-4u.net/nature/nat-3/nat212.cur), auto;}

    Si tu veux que cela ne concerne que certains contenus:
    Dans le thème, il suffit de remplacer body par les sélecteurs "qui vont bien"  !     smile

     

    Envie d'en savoir plus  →  icone info Cursor - MDN Web Doc  

    Bonnes suites.

    Jeudi 11 Novembre 2021 à 09:10
    Marisarah

    Bonjour stormalo et toute l'équipe.

    @stormalo Merci beaucoup, tu es super, ça marche.

    Passe une bonne journée, prends soin de toi.

    Cordialementyes




    Vous devez être membre pour poster un message.