AccueilDernières imagesRechercherS'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.

-20%
Le deal à ne pas rater :
Drone Dji DJI Mini 4K (EU)
239 € 299 €
Voir le deal

    Astuce : Faîtes scintiller vos pseudos avec des paillettes

    TheHG
    TheHG
    FémininAge : 29Messages : 52

    Dim 11 Mai 2014 - 18:48

    Rappel du premier message :


    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


    Astuce : Faîtes scintiller vos pseudos avec des paillettes


    Bonjour, je suis certaine que beaucoup d'entre vous sur les forums de RPG ce sont déjà trouvé face à un problème de conflit des couleurs au niveau des groupes... En effet, si un membre appartiens à deux groupes, sont pseudo sera coloré de la couleur du groupe le plus haut dans la hiérarchie des groupes !

    J'ai longtemps cherché un moyen de différencier plus facilement l'appartenance à un groupe... Et j'ai fini par trouvé, c'est vraiment très très simple, rassurez vous !

    Pour vous donner un aperçu de l'effet que ça donne, voici deux liens où ce scintillement à été installé. Une vue dans le QEEL et un autre dans les messages.

    WWW || WWW
    Et deux illus au cas-ou...
    Image Profil || Image Qeel

    Bon, maintenant, passons à l'astuce !

    Il vous suffit simplement de mettre en fond de votre pseudo un gif avec des paillettes. Pour cela rien de compliqué, ouvrez votre feuille de style CSS puis coller-y ce code :
    Code:
    /** PAILLETTES PSEUDO **/

    /* Pseudo du membre pour mieux s'y retrouver plus tard */
    a[href="/u***"] span strong{background-image: url('LIEN DU GIF')!important; }


    Faîtes bien attention, vous ne devez pas laisser [href="/u***"] tel quel. Vous devez en effet remplacer les "***" par les identifiants du membres.

    Pour cela c'est encore très simple, allez sur le profil du membre à qui vous souhaitez mettre des paillettes sur le pseudo et regardez dans la barre url...  Vous y voyez un "u" suivi d'un certain nombres de chiffres.
    Copier/coller ces chiffres dans votre code et voilà !


    Bon, maintenant, il ne vous reste plus qu'a mettre votre gif en background, personnellement j'ai eu énormément de mal à en trouver qui faisaient l'affaire, mais si vous êtes courageux vous pouvez toujours créer votre propre gif ou chercher encore dans les méandres d'internet !

    Celui que je vais vous proposer est tout simple et c'est celui que j'utilise dans les exemples montrés plus haut. Je l'ai trouvé en Blanc mais j'ai demandé sur Never-Utopia à ce qu'il soit coloré en Bleu et en Rouge, d'ailleurs merci infiniment à Neva pour son aide !

    Astuce : Faîtes scintiller vos pseudos avec des paillettes - Page 5 2gtxicgAstuce : Faîtes scintiller vos pseudos avec des paillettes - Page 5 Pseudo-scintillementAstuce : Faîtes scintiller vos pseudos avec des paillettes - Page 5 2gvmucxAstuce : Faîtes scintiller vos pseudos avec des paillettes - Page 5 2gvpr3oAstuce : Faîtes scintiller vos pseudos avec des paillettes - Page 5 Amb7gg


    Voilà ! Vous avez réussi à mettre un peu de mouvement dans l'un de vos pseudos... Pour appliquer ce scintillement à d'autres, il vous suffit de copier/coller la ligne de code en changeant à chaque fois l'identifiant du membre !

    L'astuce consiste en fait simplement à attacher un background animé à vos pseudos...


    C'est terminé ! Juste deux dernières petites choses : Si vous réutilisez ce code, c'est toujours sympa de mettre un petit crédit à Never-Utopia quelque part, et si jamais vous avez des questions sur cette astuce, vous pouvez poster ici : https://www.never-utopia.com/f75-personnalisations !


    Dernière édition par TheHG le Dim 11 Mai 2014 - 21:02, édité 2 fois
    satine-chan
    satine-chan
    FémininAge : 37Messages : 31

    Lun 21 Déc 2015 - 14:32

    Joli !*_*
    Merci beaucoup ! ^^
    LiitleLiion
    LiitleLiion
    FémininAge : 28Messages : 10

    Lun 21 Déc 2015 - 22:05

    Merci ! (:
    Hadès.
    Hadès.
    MasculinAge : 26Messages : 42

    Lun 28 Déc 2015 - 19:26

    Merchi
    Pucky
    Pucky
    FémininAge : 27Messages : 44

    Lun 28 Déc 2015 - 20:57

    C'est très joli ! J'avais jamais pensé qu'on puisse faire ça ! Pour les fêtes c'est une super bonne idée ! BIG J'AIME sur cette idée !! :friends:
    Luune
    Luune
    FémininAge : 36Messages : 143

    Sam 2 Jan 2016 - 13:51

    Merci c'est pile ce qu'il me fallait !
    SpaceSapien
    SpaceSapien
    MasculinAge : 33Messages : 15

    Mar 5 Jan 2016 - 11:36

    Super idée ! :o
    Yukihyo
    Yukihyo
    MasculinAge : 27Messages : 98

    Jeu 14 Jan 2016 - 3:42

    Superbe idée merci !
    Jane Bingum
    Jane Bingum
    FémininAge : 26Messages : 83

    Sam 16 Jan 2016 - 19:35

    merci!
    anouk
    anouk
    FémininAge : 33Messages : 21

    Jeu 28 Jan 2016 - 23:06

    C'est vraiment astucieux. Je n'y aurais jamais pensé o.o
    Merci <3
    Hawk Lowell
    Hawk Lowell
    FémininAge : 27Messages : 135

    Sam 30 Jan 2016 - 3:03

    Merci
    Yumeki
    Yumeki
    FémininAge : 32Messages : 147

    Mer 3 Fév 2016 - 0:46

    Merci ^^
    lala zhang
    lala zhang
    FémininAge : 33Messages : 377

    Mer 3 Fév 2016 - 11:40

    C'est super et très jolie
    MyNameIsTanalia
    MyNameIsTanalia
    FémininAge : 27Messages : 25

    Mer 3 Fév 2016 - 17:16

    Merci !
    chocapikeuh
    chocapikeuh
    FémininAge : 32Messages : 12

    Ven 5 Fév 2016 - 1:31

    Génial merci!!!
    Lamire
    Lamire
    FémininAge : 31Messages : 96

    Ven 12 Fév 2016 - 2:11

    Mercii
    Suisen
    Suisen
    FémininAge : 30Messages : 52

    Sam 13 Fév 2016 - 17:10

    Merci pour cette astuce qui sparkle ♥
    Anonymous
    Invité

    Jeu 18 Fév 2016 - 16:08

    merci ! Very Happy
    Lunyh
    Lunyh
    FémininAge : 24Messages : 41

    Lun 22 Fév 2016 - 2:32

    Trop cool ** Merciii ♥
    FanDeFofo
    FanDeFofo
    MasculinAge : 47Messages : 16

    Jeu 3 Mar 2016 - 17:02

    mr
    TaraToI
    TaraToI
    FémininAge : 31Messages : 67

    Jeu 3 Mar 2016 - 18:13

    trop cool merci !



    Astuce : Faîtes scintiller vos pseudos avec des paillettes - Page 5 Icone_16
    Aya Hanazawa
    Aya Hanazawa
    FémininAge : 33Messages : 72

    Sam 5 Mar 2016 - 12:43

    magnifique
    Ombrys
    Ombrys
    FémininAge : 22Messages : 27

    Mar 8 Mar 2016 - 16:07

    Merci beaucoup ça va me servir ♥
    Delltus
    Delltus
    MasculinAge : 31Messages : 9

    Mer 16 Mar 2016 - 19:45

    cool merci
    Coco-Lapin02
    Coco-Lapin02
    MasculinAge : 56Messages : 167

    Sam 26 Mar 2016 - 2:37

    Merci
    Kabrina Lestrange
    Kabrina Lestrange
    FémininAge : 36Messages : 71

    Dim 27 Mar 2016 - 21:38

    Merci
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 16:46