• Comment mettre facilement un curseur fait maison sur son blog ?

      
     

     

    Ces derniers temps, vous êtes nombreux comme Corine a me demander comment faire pour mettre sur son blog Ekla sur curseur fait maison ou repris via un gif

    Voici un code tout simple qui rendra service aux débutants qui connaissent pas grand-chose et qui ne veulent pas se casser les neurones pour faire quelque chose de simple et joli a la fois.

    Et pourquoi pas fait maison, donc unique

     

     

     

    Pour faire cela, vous devez faire deux images, de préférence une image sous format gif ou png pour avoir un effet de transparence, gif idéal si vous voulez faire une animation a votre curseur comme sur mon blog

    Dans cette exemple à droite, URL 1 est le curseur toujours visible, URL 2 est celui qui changera au survol d’un objet cliquable (lien par exemple)

     

    URL 1

     

    Comment mettre facilement un curseur fait maison sur son blog ?

    URL 2

     

    Exemple

     

        
     

    Il ne vous reste plus qu’à mettre le code ci-dessous  dans PERSONNALISATION DU THEME dans l'onglet AJOUTER DU CSS  en replacant le texte en jaune par les liens URL (que vous aurez stocké comme sur votre espace Eklablog via  GERER LES FICHIER )

    via la barre Eklablog :  APPARENCE ensuite MODIFIER LE THEME

     
     
     
         

    <!-- CURSEUR DU BLOG a mettre en CSS : Astuce du Blog du débutant -->
    BODY,.window {cursor: url("ADRESSE DE L'IMAGE VISIBLE"), auto;}
    A:hover{cursor: url("ADRESSE DE L'IMAGE CLIQUABLE"), auto;}
    <!-- FIN DU CODE -->

         
      
     
     

    Maintenant à vous de faire parler votre imagination ou de rechercher des images, gifs sur le net

     

    Attention qu’elles ne soient pas trop grandes et que les deux images aient la même taille.

     

     

    Une question ?

      


    Tags Tags :