• Curseur personnalisé

    Je vais vous montrer comment changer le curseur de votre blog.

    Curseurs

     

      Les codes CSS:

     

    1er, le curseur (flèche) normal. La flèche habituel.

    html,body { cursor : url("URL CURSEUR"), auto; }

    2ème code: le curseur au survole d'un lien

    html,body a { cursor : url("URL CURSEUR"), auto; }

      

      Ajouter un curseur:

     

    • Aller sur ce site.
    • Choisir son curseur et l'enregistrer sur son ordinateur (clic droit sur l'image > Enregistrer l'image sous...).
    • Pour cet exemple, je vais prendre celui-là.
    • Ouvrir l'image dans un logiciel graphique (Gimp, Photofiltre...).

     

    Comme vous pouvez le voir sur la première capture, le curseur est entouré d'un grand espace vide, si vous mettez le curseur comme ça sur votre blog, toute l'image (avec l'espace vide compris) sera considérée comme le curseur. Du coup ça ne sera pas du tout évident de naviguer avec (voir la deuxième image).

     Curseurs Curseurs

    • Recadrer l'image au plus près et enregistrer. Le plus important est la pointe de votre curseur.

    Curseurs

    • Héberger l'image sur eklablog ou chez un autre hébergeur d'images (Casmiage, HostingPics...) puis récupérer l'adresse et copier le lien dans le code donner plus haut.

     

    Sur le site il existe une tonne de curseurs différents, animés, kawai, flèche simple etc.

    Curseurs Curseurs  - Curseurs Curseurs Curseurs Curseurs Curseurs Curseurs Curseurs    Curseurs Curseurs Curseurs Curseurs Curseurs  Curseurs Curseurs Curseurs Curseurs Curseurs Curseurs Curseurs Curseurs  Curseurs   Curseurs Curseurs Curseurs Curseurs Curseurs    Curseurs Curseurs Curseurs  Curseurs   Curseurs Curseurs  Curseurs Curseurs  Curseurs Curseurs Curseurs Curseurs Curseurs  Curseurs    Curseurs Curseurs Curseurs Curseurs Curseurs Curseurs    Curseurs Curseurs Curseurs Curseurs Curseurs Curseurs Curseurs Curseurs Curseurs Curseurs Curseurs Curseurs Curseurs Curseurs CurseursCurseurs


  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :