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.

-39%
Le deal à ne pas rater :
Ordinateur portable ASUS Chromebook Vibe CX34 Flip
399 € 649 €
Voir le deal
Le Deal du moment : -40%
Tefal Ingenio Emotion – Batterie de cuisine 10 ...
Voir le deal
59.99 €

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

    Bellumm
    Bellumm
    MasculinAge : 47Messages : 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 17 1131108317
    Jessabelle
    Jessabelle
    FémininAge : 30Messages : 110

    Jeu 12 Fév 2015 - 15:18

    Merci ca m'a l'air astucieux :)
    Zaidko
    Zaidko
    FémininAge : 21Messages : 81

    Sam 28 Fév 2015 - 18:44

    merciii =)
    Girly
    Girly
    FémininAge : 26Messages : 116

    Mer 4 Mar 2015 - 12:27

    Merci pour cette astuce
    Miki1
    Miki1
    FémininAge : 33Messages : 303

    Mer 11 Mar 2015 - 9:58

    Merci :)



    [Tuto] Fond des messages différents pour le Staff - Page 17 716106sign
    Kau
    Kau
    FémininAge : 22Messages : 148

    Mer 11 Mar 2015 - 19:07

    Merci du partage ! Very Happy
    Alyz
    Alyz
    MasculinAge : 31Messages : 15

    Sam 14 Mar 2015 - 12:40

    Merci :)
    Pretycherie1999
    Pretycherie1999
    FémininAge : 25Messages : 11

    Dim 29 Mar 2015 - 12:25

    Depuis le temps que je me posais la questions xD merci !
    Phoenix Elen
    Phoenix Elen
    FémininAge : 31Messages : 93

    Sam 4 Avr 2015 - 3:36

    oh trop bien ! merci à toi !



    [Tuto] Fond des messages différents pour le Staff - Page 17 1u4i
    tutox
    tutox
    MasculinAge : 42Messages : 22

    Mer 8 Avr 2015 - 10:20

    merci à toi
    avatar
    Phénix'
    FémininAge : 22Messages : 95

    Jeu 16 Avr 2015 - 16:38

    Merci d'avance pour ce tutoriel !
    Sakura Yuuki
    Sakura Yuuki
    FémininAge : 23Messages : 78

    Dim 19 Avr 2015 - 11:31

    Merci^^



    [Tuto] Fond des messages différents pour le Staff - Page 17 4njt
    Wynne
    Wynne
    FémininAge : 32Messages : 9

    Dim 26 Avr 2015 - 12:55

    Ca m'intéresse bien de voir comment ça marche ^^ Merci !
    ptite_perle
    ptite_perle
    FémininAge : 60Messages : 127

    Ven 1 Mai 2015 - 19:53

    ok je veux voir le tuto, merci



    [Tuto] Fond des messages différents pour le Staff - Page 17 Signature
    ptite_perle
    ptite_perle
    FémininAge : 60Messages : 127

    Ven 1 Mai 2015 - 19:54

    Merci



    [Tuto] Fond des messages différents pour le Staff - Page 17 Signature
    Tria
    Tria
    FémininAge : 27Messages : 127

    Ven 8 Mai 2015 - 16:45

    Trop curieuse ! :3
    Merci !



    "Tomber est permis, se relever est ordonné."
    [Tuto] Fond des messages différents pour le Staff - Page 17 Hv62
    Etax
    Etax
    MasculinAge : 26Messages : 168

    Ven 8 Mai 2015 - 17:46

    Merci
    avatar
    Lupa
    FémininAge : 27Messages : 183

    Sam 9 Mai 2015 - 0:18

    Merci Wink



    To die would be an awfully big adventure... ~ Peter Pan, James M. Berrie.
    Bellabimbo444
    Bellabimbo444
    FémininAge : 25Messages : 61

    Sam 9 Mai 2015 - 11:47

    Merci bien



    Darkius
    Darkius
    MasculinAge : 36Messages : 65

    Sam 9 Mai 2015 - 20:24

    Merci bien :)
    TiGraou
    TiGraou
    MasculinAge : 30Messages : 243

    Sam 16 Mai 2015 - 2:14

    Merci
    Liam212
    Liam212
    MasculinAge : 23Messages : 47

    Dim 17 Mai 2015 - 5:47

    marci



    [Tuto] Fond des messages différents pour le Staff - Page 17 11027963
    King Atlas
    King Atlas
    MasculinAge : 29Messages : 18

    Jeu 4 Juin 2015 - 13:33

    Merci :)
    Kuro-ai
    Kuro-ai
    FémininAge : 29Messages : 18

    Mar 16 Juin 2015 - 8:54

    ça semble intéressent °-°
    The Shiya
    The Shiya
    FémininAge : 34Messages : 77

    Mar 16 Juin 2015 - 16:21

    merci



    [Tuto] Fond des messages différents pour le Staff - Page 17 Test10
    helenecolin
    helenecolin
    FémininAge : 33Messages : 21

    Sam 20 Juin 2015 - 16:02

    ça peut être très intéressant comme tuto ! merci.



    [Tuto] Fond des messages différents pour le Staff - Page 17 ParadesEnd1
    Contenu sponsorisé


      La date/heure actuelle est Ven 26 Avr 2024 - 17:21