• Créer votre propore curseur

    Voici comment installer un curseur sur deux différents sites.

    RAPPELS :
    - Vous pouvez cliquer sur TOUTES les images pour les voir en plus grand
    - Le code CSS est à placer ici :

    Installer une police et l'utiliser

    1ère étape : Dessiner votre curseur sur votre logiciel.
    Vous allez commencer par simplement dessiner votre curseur. Le mieux est de le faire sur un grand format pour une meilleure facilité sur les détails.
    Créer votre propre curseur


    2ème étape : Redimensionner votre image et la rendre transparente

    Personnellement, je l'ai fais en 20x20 pour éviter qu'il soit trop grand. Et j'en ai profité pour le rendre transparent, car il ne faut pas de fond sur le curseur, sinon ça va être drôlement bizarre.
    Ensuite vous l'enregistrez en .PNG car il y a une meilleure qualité qu'en .JPG.
    Créer votre propre curseur

    3ème étape : Convertir en fichier .CUR
    Vous allez sur ce site, puis vous convertissez votre fichier .PNG en fichier .CUR
    Créer votre propre curseur
    Créer votre propre curseur

    4ème étape : Uploader et le mettre
    Pour finir, vous allez dans Contenu > Gérer les fichiers > puis vous uploadez le fichier.cur
    Créer votre propre curseur

    Et pour finir, vous allez mettre ce code :

     body, a:hover {cursor: url('URL DE VOTRE CURSEUR'), progress;}

    Et voilà ! Cliquez ici pour avoir un petit aperçu !

     

     


  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :