AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Changer le forme du curseur

    Partagez
    sébastien
    MasculinAge : 33Messages : 634

    le Lun 21 Nov 2011 - 16:49

    Bonjour :)

    Suite à cette demande http://www.never-utopia.com/t35361-creation-curseur-centrage-texte-avec-lien, je me suis mis en quête de changer le curseur de mon fofo

    résultat : http://stargate-multiverse.forums-actifs.net/forum

    La première chose à faire est de créer une image, un fomat GIF ou PNG, avec fond transparent et la sauvegarder.

    Exemple d'image PNG :

    : n'oubliez pas d'indiquer où se trouve le bord haut gauche de votre image. Je l'ai fait en y mettent un petit triangle.

    Voila ce que vous devez trouver dans votre fichier "image"


    Mon image porte le nom de "super 2", elle est au format PNG.

    Si vous voyez le format de votre image sautez le spoiler, si non cliquez dessus Wink
    Spoiler:

    cliquez sur organiser


    puis sur option de dossier et de recherche



    Après sur affichage, cherchez la phrase "Masquer les extensions des fichiers dont le type est connu, il faut la décocher comme dans l’aperçu ici bas, puis cliquez sur ok

    Faites un clique droit sur votre fichier PNG et faites "renommer". changez l’extension de "png" en "cur"
    => pour ma part le visuel de mon ficher à changé, ne vous inquiétez pas c'est normal.

    Mon nouveau visuel :

    Pour la parti transformation c'est fini.

    Comment l'exploiter

    Allez sur le site http://upload.is.free.fr/file_upload.php ( ou un autre hébergeur de fichier CUR.

    Hébergez votre fichier (j’espère bien ne pas devoir vous montrer comment ça marche :siffle: )

    Copiez le lien qu'il vous donne et insérez le dans le code CSS ici dessous

    Code:
    body {
            cursor: url('lien de l'image'), auto;
            }
            a {
            cursor: url('lien de l'image'), auto;
            }

    mon code à moi ^^

    Code:
    body {
            cursor: url('http://upload.is.free.fr/upload/mey7022y.cur'), auto;
            }
            a {
            cursor: url('http://upload.is.free.fr/upload/mey7022y.cur'), auto;
            }

    passer le CSS (celle où vous aurez ajouté votre lien bien sûr :siffle: ) dans votre feuille CSS.

    il ne vous reste plus qu'à admirer votre travail ^^
    Okhmhaka
    FémininAge : 31Messages : 31718

    le Lun 21 Nov 2011 - 16:55

    Ah c'est classe^^ Merci, je pense que pas mal vont changer le leur du coup, même si personnellement je préfère les curseurs de base pour N-U, mais pour un RPG j'admets que ça peut avoir un intérêt Wink



    DoDo94
    MasculinAge : 23Messages : 101

    le Sam 26 Nov 2011 - 13:57

    Merci du partage et du tuto' ! Je vais surement en avoir besoin



    [center]
    <~::Kit by Moi::~>
    Jane Bingum
    FémininAge : 18Messages : 75

    le Dim 17 Jan 2016 - 0:55

    Merci!!! ^^ Super tuto!
    Kelalin
    FémininAge : 24Messages : 1405

    le Dim 17 Jan 2016 - 22:18

    Merci pour le partage ! (^人^)
    Nyroc
    MasculinAge : 14Messages : 51

    le Mar 30 Aoû 2016 - 13:40

    Merci ^^



    Inamio
    FémininAge : 24Messages : 209

    le Sam 10 Sep 2016 - 21:30

    Merci Wink



    Contenu sponsorisé

    Aujourd'hui à 19:10


      La date/heure actuelle est Jeu 8 Déc 2016 - 19:10