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.

Le deal à ne pas rater :
Jeux, jouets et Lego : le deuxième à -50% (large sélection)
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 7 2gtxicgAstuce : Faîtes scintiller vos pseudos avec des paillettes - Page 7 Pseudo-scintillementAstuce : Faîtes scintiller vos pseudos avec des paillettes - Page 7 2gvmucxAstuce : Faîtes scintiller vos pseudos avec des paillettes - Page 7 2gvpr3oAstuce : Faîtes scintiller vos pseudos avec des paillettes - Page 7 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
    Likau
    Likau
    MasculinAge : 29Messages : 353

    Lun 19 Sep 2016 - 16:29

    Merci ! Ce sera très utile pour différencier les membres du Staff ^^
    Crazy-Sweet
    Crazy-Sweet
    FémininAge : 32Messages : 131

    Lun 26 Sep 2016 - 16:14

    Oh c'est magique et j'adore ! <3 merci !




    Our ice hearts beat
    Voir le monde dans un grain de sable. Et le paradis dans une fleur sauvage. Tenir l'infini dans le creux de sa main. Et l'éternité dans une heure - SIR WILLIAM BLAKE

    Fuyuka
    Fuyuka
    FémininAge : 29Messages : 63

    Mar 27 Sep 2016 - 0:16

    Merci beaucouuuup !
    .Lucifer.
    .Lucifer.
    MasculinAge : 51Messages : 184

    Mar 27 Sep 2016 - 17:27

    merci beaucoup pour l'astuce ! Wink



    Astuce : Faîtes scintiller vos pseudos avec des paillettes - Page 7 978358Divine
    Offrande
    Offrande
    FémininAge : 32Messages : 194

    Mer 12 Oct 2016 - 6:30

    C'est vraiment Magnifique! Merci beaucoup!
    luna-chan86
    luna-chan86
    FémininAge : 34Messages : 201

    Jeu 13 Oct 2016 - 1:01

    merci c'est génial!



    Insane.
    Insane.
    FémininAge : 26Messages : 83

    Sam 15 Oct 2016 - 14:54

    Merci beaucoup !
    Victor-57
    Victor-57
    MasculinAge : 33Messages : 13

    Sam 22 Oct 2016 - 13:10

    Thanks ! Very Happy
    Maevis
    Maevis
    FémininAge : 23Messages : 27

    Sam 22 Oct 2016 - 23:54

    Bonjour, merci pour le code, c'est très sympathique
    jean-claude
    jean-claude
    MasculinAge : 49Messages : 44

    Dim 6 Nov 2016 - 22:17

    merci
    Dariel
    Dariel
    FémininAge : 54Messages : 69

    Mar 8 Nov 2016 - 22:20

    cheers  Merci pour la petite astuce. Sympa !!

    :cow:



    C'est la vie Invité ! Pas le paradis.
    Waize
    Waize
    FémininAge : 26Messages : 34

    Mer 9 Nov 2016 - 22:51

    merci :heart:
    Kush-Live
    Kush-Live
    MasculinAge : 29Messages : 12

    Mer 21 Déc 2016 - 0:45

    merci
    Pull en Laine qui Gratte
    Pull en Laine qui Gratte
    FémininAge : 19Messages : 71

    Mar 14 Fév 2017 - 16:47

    'ci!
    Dydy
    Dydy
    FémininAge : 33Messages : 493

    Jeu 16 Fév 2017 - 13:50

    merci beaucoup!



    Astuce : Faîtes scintiller vos pseudos avec des paillettes - Page 7 27978_signature_never_utopia_dydy_2
    Flavien1309
    Flavien1309
    MasculinAge : 30Messages : 39

    Dim 26 Fév 2017 - 3:39

    Merci !
    Lealily
    Lealily
    FémininAge : 32Messages : 20

    Jeu 2 Mar 2017 - 20:01

    Merci beaucoup pour l'astuce
    Christtinne
    Christtinne
    FémininAge : 38Messages : 205

    Mar 14 Mar 2017 - 2:44

    merci n.n
    Cornélius
    Cornélius
    MasculinAge : 25Messages : 17

    Ven 17 Mar 2017 - 0:32

    Là je peux dire a mes guildmates: "Bitchies I'm fabulous"
    Suzanne Ady
    Suzanne Ady
    FémininAge : 24Messages : 78

    Lun 27 Mar 2017 - 12:04

    merci =)
    Anonymous
    Invité

    Mar 12 Sep 2017 - 10:30

    merci ! j'aime beaucoup cet effet ** :friends:
    Lyo
    Lyo
    FémininAge : 28Messages : 104

    Mar 16 Jan 2018 - 14:13

    Merci beaucoup pour le partage !
    Bahamut
    Bahamut
    FémininAge : 28Messages : 6

    Ven 16 Fév 2018 - 18:48

    Aaaah je surkiff l'idée ! Merci <3
    Isara
    Isara
    FémininAge : 33Messages : 109

    Mer 11 Sep 2019 - 18:25

    J'adore l'idée et merci pour le ls que j'utilise sur mon forum. Je passe juste signaler que certaines des images proposées ne sont plus hébergées.




    Astuce : Faîtes scintiller vos pseudos avec des paillettes - Page 7 141004020216651807
    Scratpub
    Scratpub
    FémininAge : 39Messages : 145

    Sam 1 Aoû 2020 - 18:17

    Super merci beaucoup pour le partage je vais essayer.
    Contenu sponsorisé


      La date/heure actuelle est Sam 27 Avr 2024 - 7:17