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.

-21%
Le deal à ne pas rater :
LEGO® Icons 10329 Les Plantes Miniatures, Collection Botanique
39.59 € 49.99 €
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 !

    auteur_TheHG - Astuce : Faîtes scintiller vos pseudos avec des paillettes - Page 2 2gtxicgauteur_TheHG - Astuce : Faîtes scintiller vos pseudos avec des paillettes - Page 2 Pseudo-scintillementauteur_TheHG - Astuce : Faîtes scintiller vos pseudos avec des paillettes - Page 2 2gvmucxauteur_TheHG - Astuce : Faîtes scintiller vos pseudos avec des paillettes - Page 2 2gvpr3oauteur_TheHG - Astuce : Faîtes scintiller vos pseudos avec des paillettes - Page 2 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
    Zélya
    Zélya
    FémininAge : 35Messages : 190

    Dim 24 Aoû 2014 - 12:32

    cet effet est superbe, merci du partage



    auteur_TheHG - Astuce : Faîtes scintiller vos pseudos avec des paillettes - Page 2 891727signaNanmoue
    Allison01
    Allison01
    FémininAge : 39Messages : 225

    Dim 24 Aoû 2014 - 20:26

    Superbe astuce j'adore
    Exogenesis
    Exogenesis
    FémininAge : 32Messages : 62

    Mar 26 Aoû 2014 - 20:58

    Petite astuce super sympa & parfaite pour les univers magiques/féériques ^^ Merciiiii <<3
    Nord
    Nord
    MasculinAge : 24Messages : 169

    Jeu 28 Aoû 2014 - 20:42

    C'est vraiment
    super beau
    super pratique
    super cool

    Merci beaucoup pour le partage !!
    Sachikou
    Sachikou
    FémininAge : 24Messages : 48

    Ven 29 Aoû 2014 - 1:59

    C'est trop jolii ! Grazieeeee ! Very Happy



    auteur_TheHG - Astuce : Faîtes scintiller vos pseudos avec des paillettes - Page 2 Signa111
    Poké_Eievui
    Poké_Eievui
    MasculinAge : 23Messages : 34

    Mar 2 Sep 2014 - 15:42

    Merci
    Pythia
    Pythia
    FémininAge : 35Messages : 183

    Mar 2 Sep 2014 - 16:01

    J'aime beaucoup l'idée, c'est super original ! Merci pour le partage :3



    auteur_TheHG - Astuce : Faîtes scintiller vos pseudos avec des paillettes - Page 2 Neo10
    Skitty
    Skitty
    FémininAge : 27Messages : 50

    Sam 6 Sep 2014 - 3:01

    Merci ! =D
    Pokebip
    Pokebip
    MasculinAge : 26Messages : 69

    Sam 6 Sep 2014 - 19:01

    merci!
    avatar
    Njut
    FémininAge : 23Messages : 43

    Dim 7 Sep 2014 - 16:34

    J'adore !
    Chocolakato
    Chocolakato
    FémininAge : 33Messages : 837

    Lun 8 Sep 2014 - 12:45

    Oh mon dieu ! C'est à a fois adorable, surprenant et...Merci



    Dacina moe
    Dacina moe
    FémininAge : 45Messages : 171

    Lun 15 Sep 2014 - 4:08

    Merci d'avoir partagé :)
    Aile de l'Ange
    Aile de l'Ange
    FémininAge : 25Messages : 110

    Ven 26 Sep 2014 - 8:10

    je suis curieuse ...
    murphy__s
    murphy__s
    MasculinAge : 34Messages : 33

    Mer 1 Oct 2014 - 0:57

    Terrible merci !
    SEVAN
    SEVAN
    FémininAge : 31Messages : 46

    Mar 14 Oct 2014 - 0:14

    merci
    reshiram44
    reshiram44
    MasculinAge : 25Messages : 380

    Mer 22 Oct 2014 - 20:39

    merci



    Shoki 鍾馗
    Shoki 鍾馗
    MasculinAge : 50Messages : 7

    Mer 29 Oct 2014 - 15:07

    Merci Wink
    plushmasters
    plushmasters
    FémininAge : 31Messages : 71

    Sam 8 Nov 2014 - 20:49

    J'adore :o
    bibi0712
    bibi0712
    FémininAge : 46Messages : 66

    Sam 8 Nov 2014 - 23:06

    Super astuce merci Wink
    avatar
    SinoJak
    MasculinAge : 22Messages : 44

    Lun 10 Nov 2014 - 23:10

    j'adore
    Patou972
    Patou972
    FémininAge : 45Messages : 180

    Mer 12 Nov 2014 - 5:53

    super astuce merci
    Egyfu
    Egyfu
    FémininAge : 30Messages : 56

    Dim 30 Nov 2014 - 19:12

    Ooohhh merci merci ! =D C'est mignon tout plein ! Il fallait y penser.
    Siiu
    Siiu
    FémininAge : 27Messages : 26

    Dim 30 Nov 2014 - 20:07

    Super ce code ! Je cherchais une astuce pour différencier les membres du staff sans changer de couleur, c'est top, merci !




    Siiu.2015 always listen Soul music
    Hyuna
    Hyuna
    FémininAge : 27Messages : 98

    Mer 3 Déc 2014 - 21:07

    Merci :3 c'est trop beau !
    Depp
    Depp
    FémininAge : 32Messages : 300

    Sam 6 Déc 2014 - 23:35

    Waahou, merci bien :) c'est tout simple mais, ça change ! :)



    auteur_TheHG - Astuce : Faîtes scintiller vos pseudos avec des paillettes - Page 2 Tumblr_nenygwIlcz1s4u464o1_500
    Contenu sponsorisé


      La date/heure actuelle est Jeu 2 Mai 2024 - 9:22