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 du moment : -35%
-35% sur la machine à café Expresso ...
Voir le deal
359.99 €

    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 4 2gtxicgAstuce : Faîtes scintiller vos pseudos avec des paillettes - Page 4 Pseudo-scintillementAstuce : Faîtes scintiller vos pseudos avec des paillettes - Page 4 2gvmucxAstuce : Faîtes scintiller vos pseudos avec des paillettes - Page 4 2gvpr3oAstuce : Faîtes scintiller vos pseudos avec des paillettes - Page 4 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
    darkhero246
    darkhero246
    MasculinAge : 32Messages : 179

    Jeu 23 Avr 2015 - 16:28

    J'adore l'idée Very Happy
    Luna_Rakuen
    Luna_Rakuen
    FémininAge : 32Messages : 79

    Sam 25 Avr 2015 - 7:31

    Merci <3
    Hylia
    Hylia
    FémininAge : 24Messages : 100

    Dim 26 Avr 2015 - 11:29

    Merci!



    Astuce : Faîtes scintiller vos pseudos avec des paillettes - Page 4 _hylia10
    Littlelittle
    Littlelittle
    FémininAge : 39Messages : 52

    Lun 27 Avr 2015 - 17:46

    Merci, c'est vraiment joli et original ! ^^



    Astuce : Faîtes scintiller vos pseudos avec des paillettes - Page 4 Tumblr_inline_mz9sdyTDtj1s2c2nz

    << A little thing like another >>
    Sangokudufeu
    Sangokudufeu
    MasculinAge : 29Messages : 9

    Mer 29 Avr 2015 - 19:25

    Merci
    Kira de Shola
    Kira de Shola
    FémininAge : 27Messages : 60

    Jeu 7 Mai 2015 - 20:46

    merci
    Liia
    Liia
    FémininAge : 29Messages : 91

    Jeu 7 Mai 2015 - 23:39

    Merci :3
    Soleilou
    Soleilou
    FémininAge : 24Messages : 49

    Dim 10 Mai 2015 - 14:51

    Merci pour cette agréable astuce :3
    Soleilou
    Soleilou
    FémininAge : 24Messages : 49

    Dim 10 Mai 2015 - 14:52

    Merci pour cette agréable astuce :3
    Ally Design
    Ally Design
    FémininAge : 27Messages : 57

    Sam 23 Mai 2015 - 20:35

    Merci beaucoup !
    G U E R L A I N
    G U E R L A I N
    FémininAge : 33Messages : 192

    Ven 5 Juin 2015 - 5:17

    super je recherchais ce code Very Happy

    merci du partage



    Astuce : Faîtes scintiller vos pseudos avec des paillettes - Page 4 191114colorfulwallandsexygirlfacebookcovero1
    ecosystem
    ecosystem
    FémininAge : 26Messages : 38

    Lun 29 Juin 2015 - 23:38

    haha c'est trop mignon ! J'adore ! Merci !
    Treasury.
    Treasury.
    FémininAge : 26Messages : 28

    Lun 6 Juil 2015 - 22:36

    Merci! C'est très joli!
    Aishitteru
    Aishitteru
    FémininAge : 28Messages : 68

    Ven 17 Juil 2015 - 13:40

    Merci ! **
    LickingBoot
    LickingBoot
    FémininAge : 25Messages : 503

    Lun 20 Juil 2015 - 23:21

    merci !



    Astuce : Faîtes scintiller vos pseudos avec des paillettes - Page 4 557826ilovedoudousign
    rosebleudu10
    rosebleudu10
    FémininAge : 34Messages : 189

    Mer 29 Juil 2015 - 19:58

    merci
    Edward Speleers
    Edward Speleers
    MasculinAge : 36Messages : 460

    Jeu 30 Juil 2015 - 20:01

    Trop cool merci :)



    Astuce : Faîtes scintiller vos pseudos avec des paillettes - Page 4 Edkidd11
    Dragonia
    Dragonia
    FémininAge : 35Messages : 24

    Mer 30 Sep 2015 - 23:47

    Merci c'est très sympa ^^
    Anonymous
    Invité

    Jeu 1 Oct 2015 - 13:56

    Merci ! (●´∀`●)
    Millaby
    Millaby
    FémininAge : 29Messages : 45

    Lun 12 Oct 2015 - 15:06

    Merci bien.
    Phoenix Elen
    Phoenix Elen
    FémininAge : 32Messages : 93

    Lun 19 Oct 2015 - 15:47

    Oh ça peut faire super beau ! merci encore :)



    Astuce : Faîtes scintiller vos pseudos avec des paillettes - Page 4 1u4i
    Zuny
    Zuny
    FémininAge : 31Messages : 18

    Lun 2 Nov 2015 - 9:22

    Merci :coeur:
    sweetheart.
    sweetheart.
    FémininAge : 37Messages : 120

    Mer 25 Nov 2015 - 9:33

    Merci



    Un bisou pour Invité


    Un bisou pour...
    Invité
    sweetheart.
    sweetheart.
    FémininAge : 37Messages : 120

    Jeu 26 Nov 2015 - 10:33

    Aucuns de membres n'ont de barres "url"  Shocked



    Un bisou pour Invité


    Un bisou pour...
    Invité
    Kamesora
    Kamesora
    FémininAge : 32Messages : 93

    Ven 18 Déc 2015 - 15:00

    Merci beaucoup
    Contenu sponsorisé


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