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.

-38%
Le deal à ne pas rater :
Ecran PC gaming 23,8″ – ACER KG241Y P3bip à 99,99€
99.99 € 159.99 €
Voir le deal

    [Tuto] Fond des messages différents pour le Staff

    Bellumm
    Bellumm
    MasculinAge : 48Messages : 67

    Lun 6 Aoû 2012 - 13:54

    Rappel du premier message :

    Salut à tous,

    Pour mon premier tutoriel sur ce forum, j'ai décidé de vous expliquer comment mettre un fond de message spécial au membre du staff. Cette astuce et très simple, elle nécessite simplement d'ajouter un javascripte et de rajouter une balise "span" dans les rangs du staff.

    Vous devrez en premier lieu créer un rang que vous attribuerez aux membres en question.

    Si les membres ont déjà des rangs, vous n'avez qu'à les entourer de la balise, dans le cas où vos membres n'ont pas de rang, insérez ce code dans le nom du rang:

    Code:
    <span class="fondstaff">Titre du rang</span>
    Vous pouvez bien sûr remplacer Titre du rang par ce que vous désirez.

    Une fois le rang attribué, créez un code javascript sur les sujets et insérez-y ce code:
    Code:
    $(function() {$('div.post:has(".fondstaff")').css('background-color','#000000');});
    Dans le code présent, vous personnalisez la couleur du fond, modifiez simplement le #000000 par la couleur désirée.

    Pour avoir une image, utilisez se code :
    Code:
    $(function() { $('tr.post:has(".staff") td').css({backgroundImage: 'url(url de l'image) !important', backgroundSize: '100% 100%'; backgroundRepeat: 'no-repeat' }); });
    En remplacent "url" de l'image, par l'url de l'image.

    Si vous avez des questions, n'hésitez pas à les poster.

    Cordialement

    Bellumm

    Mettre un crédit vers Never-Utopia est obligatoire. Retirer un crédit est interdit.
    Merci de laisser un message pour donner vos impressions, commentaires et/ou remerciements ^^
    Si vous avez des problèmes avec ce LS, venez poster ici.


    Dernière édition par Bellumm le Mar 7 Aoû 2012 - 12:02, édité 1 fois



    [Tuto] Fond des messages différents pour le Staff - Page 11 1131108317
    tenderness
    tenderness
    FémininAge : 30Messages : 54

    Ven 9 Aoû 2013 - 17:22

    Merci beaucoup!
    Nyla
    Nyla
    FémininAge : 33Messages : 84

    Ven 9 Aoû 2013 - 21:30

    Veux voir, veux voir *-* x)
    thoL
    thoL
    MasculinAge : 26Messages : 40

    Ven 9 Aoû 2013 - 22:31

    Curiosité.
    RainboWolf
    RainboWolf
    FémininAge : 27Messages : 102

    Dim 11 Aoû 2013 - 0:37

    Je veux voir cela ! ^^
    Etoile du Virtuose
    Etoile du Virtuose
    FémininAge : 24Messages : 86

    Dim 11 Aoû 2013 - 23:00

    Ahah je veux voir ! =P



    [Tuto] Fond des messages différents pour le Staff - Page 11 Tumblr_mws2trSjV51sr4hg4o1_500
    ~Panda~
    ~Panda~
    FémininAge : 27Messages : 44

    Lun 12 Aoû 2013 - 10:41

    Merci du partage ^^



    ~ Panda ~
    Lexi
    Lexi
    FémininAge : 26Messages : 38

    Lun 12 Aoû 2013 - 20:10

    Merci
    Calypso Luciano
    Calypso Luciano
    FémininAge : 33Messages : 333

    Lun 12 Aoû 2013 - 20:22

    merci
    Neroxxx
    Neroxxx
    MasculinAge : 30Messages : 7

    Jeu 15 Aoû 2013 - 11:56

    Merci !
    Kim Jae Yoon
    Kim Jae Yoon
    FémininAge : 34Messages : 128

    Jeu 15 Aoû 2013 - 12:13

    Merci !
    ClaryF
    ClaryF
    FémininAge : 34Messages : 138

    Ven 16 Aoû 2013 - 11:03

    Merci beaucoup !
    Sakura-chan
    Sakura-chan
    FémininAge : 27Messages : 180

    Jeu 22 Aoû 2013 - 23:23

    Merci beaucoup ! ^^
    Eoleum
    Eoleum
    FémininAge : 32Messages : 15

    Mar 27 Aoû 2013 - 18:24

    Merci, je connaissais pas. ^^
    Narachi
    Narachi
    MasculinAge : 31Messages : 77

    Jeu 29 Aoû 2013 - 19:56

    Thanks



    [Tuto] Fond des messages différents pour le Staff - Page 11 Natsu_11
    GotfalD
    GotfalD
    MasculinAge : 28Messages : 54

    Sam 7 Sep 2013 - 20:28

    Merci



    [Tuto] Fond des messages différents pour le Staff - Page 11 130519104311690148
    Ryosaki
    Ryosaki
    MasculinAge : 32Messages : 109

    Mar 10 Sep 2013 - 13:07

    Merci :)



    [Tuto] Fond des messages différents pour le Staff - Page 11 Tutog
    Alzufen
    Alzufen
    MasculinAge : 28Messages : 2103

    Jeu 12 Sep 2013 - 0:02

    J'ai pas encore les qualités requises en JS pour faire mes propres codes, du coup, ça peut être intéressant et pourrait en plus m'aider à m'améliorer en JS donc : Big Merci =)



    Ally Design
    Ally Design
    FémininAge : 27Messages : 57

    Jeu 12 Sep 2013 - 20:00

    Thanks to you Wink
    Hyl
    Hyl
    FémininAge : 30Messages : 81

    Ven 13 Sep 2013 - 14:22

    Merci du partage !




    » H y l

    [Tuto] Fond des messages différents pour le Staff - Page 11 Avatarkikoulolenfaitnoncunsign

    Spoiler:
    Edward Vi
    Edward Vi
    FémininAge : 32Messages : 9

    Sam 14 Sep 2013 - 18:23

    Nintendo-Mii
    Nintendo-Mii
    MasculinAge : 33Messages : 7

    Mar 17 Sep 2013 - 12:08

    merci
    Uridyse
    Uridyse
    FémininAge : 37Messages : 83

    Sam 21 Sep 2013 - 15:05

    Merci :)
    Fartiny
    Fartiny
    FémininAge : 26Messages : 119

    Mer 25 Sep 2013 - 12:42

    Marki :)
    Pein94
    Pein94
    Age : 30Messages : 59

    Sam 28 Sep 2013 - 8:14

    Curieux :)
    Hiro'
    Hiro'
    MasculinAge : 27Messages : 127

    Sam 28 Sep 2013 - 10:52

    Ah ! Ca, ça m'a toujours intrigué.
    Merci beaucoup.



    Pas souvent là, mais je vous aime quand même très fort ! Étudiant en prépa littéraire, quand j'en ai marre de pas comprendre ce que je lis, je code pour ne plus comprendre non plus ce que j'écris.
    Contenu sponsorisé


      La date/heure actuelle est Ven 22 Nov 2024 - 9:47