AccueilRechercherS'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 curseur de son forum

    sébastien
    sébastien
    MasculinAge : 38Messages : 642

    Lun 21 Nov 2011 - 16:49


    Le code n'est pas caché sous balise hide, mais n'hésitez pas à remercier son auteur :)
    Lien pour comprendre pourquoi le contenu n'est pas sous hide


    Bonjour :)

    Suite à cette demande https://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.

    Pour voir le résultat, survolez ce bloc :
    Je suis un bloc quelconque avec un curseur kiwi.


    La première chose à faire est de créer une image, un fomat png ou ico avec fond transparent et la sauvegarder dans un dossier quelconque (pas sur votre bureau).

    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.

    Si vous voyez le format de votre image là où vous l'avez enregistré, 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 clic droit sur votre fichier PNG et faites "renommer". Changez l’extension de "png" en "cur".

    Pour la parti transformation c'est fini.


    Comment l'exploiter

    Allez sur un quelconque hébergeur de fichier cur (vive google).

    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:
    /*Curseur partout*/
    html, html#min-width, body {
      cursor: url('lien image curseur'), auto;
    }

    /*Curseur sur les liens*/
    a {
      cursor: url('lien image curseur'), auto;
    }

    /*Curseur sur un élément quelconque avec la class maclass*/
    .maclass {
      cursor: url('lien image curseur'), auto;
    }

    Mettez 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 ^^
    Sparrow-style
    Sparrow-style
    FémininAge : 36Messages : 32055

    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



    sign
    DoDo94
    DoDo94
    MasculinAge : 27Messages : 104

    Sam 26 Nov 2011 - 13:57

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



    [center]Changer le curseur de son forum Signthebreaker
    <~::Kit by Moi::~>
    Jane Bingum
    Jane Bingum
    FémininAge : 22Messages : 83

    Dim 17 Jan 2016 - 0:55

    Merci!!! ^^ Super tuto!
    Kelalin
    Kelalin
    FémininAge : 28Messages : 2425

    Dim 17 Jan 2016 - 22:18

    Merci pour le partage ! (^人^)
    Nyroc
    Nyroc
    MasculinAge : 18Messages : 58

    Mar 30 Aoû 2016 - 13:40

    Merci ^^



    Changer le curseur de son forum 1-3_mi10
    Inamio
    Inamio
    FémininAge : 28Messages : 252

    Sam 10 Sep 2016 - 21:30

    Merci Wink



    Changer le curseur de son forum 2014_p10
    BlueBerry ♪
    BlueBerry ♪
    FémininAge : 23Messages : 138

    Mer 12 Avr 2017 - 11:18

    C'est un bon tuto mais ça ne marche pas pour moi... ça marche seulement lorsque je laisse le format en png, et encore, ça me l'affiche seulement si je me trouve dans le cadre du forum. Si je sors de celui-ci, la souris redevient normale. Quel est le souci ?



    Changer le curseur de son forum 7310
    Onyx
    Onyx
    FémininAge : 27Messages : 3320

    Mer 12 Avr 2017 - 15:17

    Bouh!

    BlueBerry ♪ > Va poser ta question dans "problème avec mon code" et quelqu'un essayera de t'aider ^^ (N'oublies pas de leur donner ton CSS en entier, cela pourrait aider).



    Bahamut
    Bahamut
    FémininAge : 25Messages : 6

    Ven 16 Fév 2018 - 19:16

    Merciiiii
    YasmineH
    YasmineH
    FémininAge : 18Messages : 20

    Sam 7 Avr 2018 - 19:03

    mercii depuis le temps que je cherchais ca !!
    Contenu sponsorisé


      La date/heure actuelle est Sam 6 Mar 2021 - 17:30