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 : -39%
Ordinateur portable ASUS Chromebook Vibe CX34 Flip
Voir le deal
399 €

    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 3 2gtxicgAstuce : Faîtes scintiller vos pseudos avec des paillettes - Page 3 Pseudo-scintillementAstuce : Faîtes scintiller vos pseudos avec des paillettes - Page 3 2gvmucxAstuce : Faîtes scintiller vos pseudos avec des paillettes - Page 3 2gvpr3oAstuce : Faîtes scintiller vos pseudos avec des paillettes - Page 3 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
    Kuro no Sora
    Kuro no Sora
    MasculinAge : 25Messages : 25

    Dim 7 Déc 2014 - 13:19

    Merci.
    Kuro no Sora
    Kuro no Sora
    MasculinAge : 25Messages : 25

    Dim 7 Déc 2014 - 13:31

    Par contre, j'ai un probleme...

    Les "paillettes" ne s'affichent nul part. J'ai mis le code comme ça dans mon css et... Comme je l'ai dis, ça ne marche pas.

    -> /** PAILLETTES PSEUDO **/

    /* Pseudo du membre pour mieux s'y retrouver plus tard */
    a[href="/u1"] span strong{background-image: url ('https://2img.net/h/oi60.tinypic.com/amb7gg.gif')!important; }

    (J'utilise Google Chrome)
    Moon Heart
    Moon Heart
    FémininAge : 23Messages : 37

    Lun 8 Déc 2014 - 22:05

    Merci beaucoup c'est jolie et original ^^
    0smose
    0smose
    FémininAge : 28Messages : 167

    Ven 12 Déc 2014 - 14:06

    Je veux !! *O*



    Astuce : Faîtes scintiller vos pseudos avec des paillettes - Page 3 Bannie10

    But I'm only human
    And I bleed when I fall down... I'm only human and I crash and I break down. Your words in my head,
    knives in my heart. You build me up and then I fall apart.
    'Cause I'm only human.
    Kaamee
    Kaamee
    FémininAge : 28Messages : 110

    Dim 14 Déc 2014 - 13:59

    Merci ♥



    Banpaia
    Banpaia
    FémininAge : 26Messages : 130

    Mer 17 Déc 2014 - 17:49

    Wow merci !
    Roitatan
    Roitatan
    MasculinAge : 25Messages : 50

    Dim 21 Déc 2014 - 9:50

    J'aime beaucoup cet effet, merci !
    Youp
    Youp
    FémininAge : 29Messages : 579

    Sam 10 Jan 2015 - 3:10

    Je n'utiliserais pas ce code mais dès que j'ai vu "paillette" je me suis dit : c'est trop fun ! Du coup je viens juste pour te dire que ton astuce est funky ( voilà voilà c'était Youp l'inutile au service )



    Astuce : Faîtes scintiller vos pseudos avec des paillettes - Page 3 262632clip20160315at092522
    Fayzl4D
    Fayzl4D
    MasculinAge : 27Messages : 84

    Dim 11 Jan 2015 - 21:54

    merci
    Kimberlay *
    Kimberlay *
    FémininAge : 34Messages : 161

    Jeu 22 Jan 2015 - 13:13

    Merci
    âme
    âme
    FémininAge : 58Messages : 154

    Jeu 22 Jan 2015 - 14:51

    Bonjour,
    Ça pourrait servir, merci beaucoup :love:



    Sur Color'Avenue, L'urgent est déjà fait, l'impossible est en cours...pour les miracles, prévoir un délais.
    P'tit loup
    P'tit loup
    MasculinAge : 41Messages : 451

    Dim 25 Jan 2015 - 16:10

    Han la classe ! Merci beaucoup o/



    Astuce : Faîtes scintiller vos pseudos avec des paillettes - Page 3 30xivrd
    Malf Claymore
    Malf Claymore
    FémininAge : 29Messages : 126

    Sam 31 Jan 2015 - 23:42

    merci
    Alec Sing Toa
    Alec Sing Toa
    FémininAge : 32Messages : 75

    Jeu 5 Fév 2015 - 11:03

    Merci pour cette astuce, elle ouvre un beau champs de possibilités, c'est vraiment bien trouvé ^ ^
    narakye
    narakye
    FémininAge : 30Messages : 503

    Mar 10 Fév 2015 - 18:16

    Merci magnifique ^o^
    Loukoum
    Loukoum
    FémininAge : 30Messages : 1466

    Mer 25 Fév 2015 - 18:29

    Ca a l'air drôle, j'ai envie d'essayer X)
    Merci du partage ^^



    Err0r
    Err0r
    FémininAge : 30Messages : 134

    Mar 3 Mar 2015 - 22:51

    c'est zolie *-*



    Astuce : Faîtes scintiller vos pseudos avec des paillettes - Page 3 150519095409324327
    Isiiis
    Isiiis
    FémininAge : 30Messages : 39

    Mer 4 Mar 2015 - 16:23

    C'est vraiment gentil de partager :3
    Mystick
    Mystick
    FémininAge : 39Messages : 100

    Mer 18 Mar 2015 - 13:19

    j'adore, merci du partage
    Litonya
    Litonya
    FémininAge : 22Messages : 149

    Mer 18 Mar 2015 - 14:23

    coool
    ninoute3012
    ninoute3012
    FémininAge : 30Messages : 82

    Mer 1 Avr 2015 - 12:30

    I love it
    Kiwy Cat
    Kiwy Cat
    FémininAge : 31Messages : 19

    Mer 1 Avr 2015 - 18:18

    Cool pour trouver de suite les admins par exemple, merci =)
    Azorus
    Azorus
    MasculinAge : 22Messages : 35

    Ven 3 Avr 2015 - 22:02

    Merci



    Seul mon nounours peut me comprendre :cowboy: :gentleman: :bandit:


    GFX by Aleph'
    Katuro
    Katuro
    FémininAge : 25Messages : 39

    Lun 6 Avr 2015 - 20:35

    Merci du partage =D
    tutox
    tutox
    MasculinAge : 42Messages : 22

    Mer 8 Avr 2015 - 13:40

    merci je vais tester
    Contenu sponsorisé


      La date/heure actuelle est Ven 26 Avr 2024 - 19:11