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

    Partagez
    avatar
    sébastien
    MasculinAge : 34Messages : 634

    le 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 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.

    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 ^^
    avatar
    Okhmhaka
    FémininAge : 32Messages : 31851

    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



    avatar
    DoDo94
    MasculinAge : 24Messages : 102

    le Sam 26 Nov 2011 - 13:57

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



    [center]
    <~::Kit by Moi::~>
    avatar
    Jane Bingum
    FémininAge : 19Messages : 80

    le Dim 17 Jan 2016 - 0:55

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

    le Dim 17 Jan 2016 - 22:18

    Merci pour le partage ! (^人^)
    avatar
    Nyroc
    MasculinAge : 15Messages : 56

    le Mar 30 Aoû 2016 - 13:40

    Merci ^^



    avatar
    Inamio
    FémininAge : 24Messages : 218

    le Sam 10 Sep 2016 - 21:30

    Merci Wink



    avatar
    BlueBerry ♪
    FémininAge : 19Messages : 128

    le 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 ?



    avatar
    Onyx
    FémininAge : 23Messages : 2936

    le 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).



    Contenu sponsorisé


      La date/heure actuelle est Ven 21 Juil 2017 - 22:51