AccueilFAQRechercherMembresGroupesS'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.


    Astuce : Faîtes scintiller vos pseudos avec des paillettes (Facile)

    Partagez
    TheHG
    FémininAge : 22Messages : 52

    le Dim 11 Mai 2014 - 18:48

    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 :


    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 !



    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 : http://www.never-utopia.com/f75-personnalisations !


    Dernière édition par TheHG le Dim 11 Mai 2014 - 21:02, édité 2 fois
    Neva
    FémininAge : 25Messages : 18542

    le Dim 11 Mai 2014 - 20:04

    Merci de partager l'astuce ! C'est joli *-*
    Par contre, je vois ça sur l'index (dans les pseudos comme posteur du dernier message + dans le qeel) mais par dans les messages. J'utilise Firefox... Je suis la seule à avoir ce problème ?

    Je propose aussi de mettre des captures d'écran (même si on verra pas le scintillement) en plus vu que tu changeras peut-être de design un jour



     
    TheHG
    FémininAge : 22Messages : 52

    le Dim 11 Mai 2014 - 21:07

    Coucou ! Voilà, j'ai édité pour les captures d'écran... Par contre j'ai essayé plusieurs navigateurs : Mozilla (d'où on été prises les captures), IE, Chrome et Opéra et ça fonctionne partout chez moi alors je ne vois pas trop d'où pourrais venir le problème...

    C'est peut-être un souci de configuration de ton ordinateur ?
    Neva
    FémininAge : 25Messages : 18542

    le Dim 11 Mai 2014 - 21:22

    Je viens de comprendre : pour les invités, les pseudos ne sont pas des liens dans les messages. Du coup, personne ne pourra le voir tant qu'il ne sera pas inscrit ^^



     
    TheHG
    FémininAge : 22Messages : 52

    le Dim 11 Mai 2014 - 21:31

    Ah zut, effectivement oui ! Du coup j'ai modifié les permissions pour les invités, tout le monde devrait pouvoir normalement voir le résultat sans forcément avoir besoin d'être inscrit ! :)

    Neva
    FémininAge : 25Messages : 18542

    le Dim 11 Mai 2014 - 21:32

    Yep, parfait !



     
    Malice1329
    FémininAge : 28Messages : 78

    le Mar 13 Mai 2014 - 14:40

    Merci de partager c'est vraiment bien comme effet ^^



    Tahly
    FémininAge : 26Messages : 449

    le Mer 14 Mai 2014 - 19:58

    Merci beaucoup, je venais de tomber sur le forum HG justement, je me demandais comment ils avaient fait *-*
    Féhéla
    FémininAge : 43Messages : 230

    le Mer 11 Juin 2014 - 3:27

    c'est vraiment très joli l'effet <3 merci du partage Very Happy
    Invité

    le Jeu 12 Juin 2014 - 18:38

    C'est trop mignon !
    Lucrécya
    FémininAge : 23Messages : 34

    le Mer 25 Juin 2014 - 2:09

    Merci beaucoup !  cheers :love: 
    Raymanou
    MasculinAge : 24Messages : 49

    le Dim 29 Juin 2014 - 23:49

    Je vous emercie c'est vraiment sympathique Very Happy
    Mr Lucas
    MasculinAge : 15Messages : 22

    le Lun 30 Juin 2014 - 10:27

    Merci, sympa l'effet !



    Rynkka
    FémininAge : 17Messages : 115

    le Mar 1 Juil 2014 - 11:47

    Merci! C'est superbe!



    x_Titia
    FémininAge : 25Messages : 92

    le Sam 12 Juil 2014 - 21:11

    cette idée m'inspire à fond! Merci du partage
    FeliceFelicis
    FémininAge : 26Messages : 86

    le Sam 12 Juil 2014 - 21:12

    Thanks <3
    Hashirama
    MasculinAge : 19Messages : 59

    le Lun 14 Juil 2014 - 20:14

    Merci!
    Snapforum
    MasculinAge : 29Messages : 23

    le Mar 15 Juil 2014 - 11:09

    Merci ! :)
    Drogba JR
    MasculinAge : 24Messages : 80

    le Mer 16 Juil 2014 - 23:11

    merci
    catkiller
    FémininAge : 21Messages : 67

    le Jeu 17 Juil 2014 - 8:07

    Super sympa cet effet! merci du partage!
    shala
    FémininAge : 24Messages : 213

    le Sam 2 Aoû 2014 - 18:58

    merci



    NaLu
    FémininAge : 21Messages : 110

    le Dim 3 Aoû 2014 - 16:09

    Merci beaucoup ^^



    Percylove
    FémininAge : 21Messages : 253

    le Mer 6 Aoû 2014 - 6:40

    Wow trop beau merci!



    Merwyn Arehdel
    FémininAge : 17Messages : 298

    le Mer 13 Aoû 2014 - 9:02

    Merci c'est superbe! *-*



    Just want to be yours.
    o~°Passion HELL
    FémininAge : 28Messages : 177

    le Ven 15 Aoû 2014 - 16:19

    Très joli merci !



    ....
    Contenu sponsorisé

    Aujourd'hui à 13:31


      La date/heure actuelle est Lun 5 Déc 2016 - 13:31