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.

-36%
Le deal à ne pas rater :
Aspirateur balai sans fil Dyson V8 Origin
254.99 € 399.01 €
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 5 1131108317
    Kimchi
    Kimchi
    FémininAge : 27Messages : 22

    Lun 24 Déc 2012 - 11:11

    Merci pour cette astuce. :)



    [Tuto] Fond des messages différents pour le Staff - Page 5 1390754963-jinx
    Asaki
    Asaki
    MasculinAge : 32Messages : 56

    Mar 25 Déc 2012 - 13:09

    Merci pour l'astuce !
    GWOO
    GWOO
    MasculinAge : 29Messages : 31

    Mer 26 Déc 2012 - 18:36

    merci
    Bowling157
    Bowling157
    FémininAge : 24Messages : 26

    Ven 28 Déc 2012 - 20:32

    Merci :)
    Snakegfx
    Snakegfx
    MasculinAge : 32Messages : 2

    Ven 28 Déc 2012 - 23:39

    Thanks
    Anonymous
    Invité

    Dim 30 Déc 2012 - 18:20

    poussette59 a écrit:c'est étrange chez moi rien ne se produit?? pourtant j'ai bien mis un code javascript...

    De même scratch
    Eques
    Eques
    MasculinAge : 28Messages : 109

    Mar 1 Jan 2013 - 3:48

    Je suis curieux :)
    Nobuko2
    Nobuko2
    MasculinAge : 49Messages : 43

    Mar 1 Jan 2013 - 12:20

    On va voir ce que ça donne, merci !
    Anonymous
    Invité

    Mer 2 Jan 2013 - 22:30

    Merci beaucoup
    Sacagawea
    Sacagawea
    FémininAge : 29Messages : 236

    Jeu 3 Jan 2013 - 15:57

    Depuis le temps que je me disais comment en avoir!

    Merci d'avance du partage! :gentleman:
    Guift
    Guift
    FémininAge : 25Messages : 50

    Lun 7 Jan 2013 - 16:49

    Merci pour cette astuce (:



    [Tuto] Fond des messages différents pour le Staff - Page 5 Signa210
    Kwando
    Kwando
    MasculinAge : 27Messages : 12

    Mer 9 Jan 2013 - 0:53

    Mci
    Grande
    Grande
    FémininAge : 36Messages : 207

    Mer 9 Jan 2013 - 13:34

    Curieuse & merci Very Happy



    [Tuto] Fond des messages différents pour le Staff - Page 5 171074gwenj10
    [W]endy
    [W]endy
    FémininAge : 34Messages : 117

    Mer 9 Jan 2013 - 17:18

    Merci (:
    Bowling157
    Bowling157
    FémininAge : 24Messages : 26

    Mer 9 Jan 2013 - 19:29

    Merci beaucoup pour cette aide :)
    Trés❍r
    Trés❍r
    FémininAge : 30Messages : 92

    Mer 9 Jan 2013 - 19:42

    waaaw ça peut être très sympa ça :)
    Merci beaucoup du partage et de l'explication !
    Hisha
    Hisha
    FémininAge : 25Messages : 44

    Jeu 10 Jan 2013 - 20:17

    Merci bien! =)
    Lalabelle
    Lalabelle
    FémininAge : 31Messages : 35

    Lun 14 Jan 2013 - 23:36

    Merci d'avance !
    Hiroyuko
    Hiroyuko
    MasculinAge : 37Messages : 11

    Mar 15 Jan 2013 - 15:28

    Bien envie de lire ce tuto...
    sangoku46
    sangoku46
    MasculinAge : 32Messages : 26

    Mar 15 Jan 2013 - 16:13

    Curieux
    Patou972
    Patou972
    FémininAge : 45Messages : 181

    Mer 16 Jan 2013 - 8:25

    merci baucoup
    shala
    shala
    FémininAge : 32Messages : 213

    Mer 16 Jan 2013 - 16:51

    merci



    Databar
    Databar
    MasculinAge : 30Messages : 142

    Lun 21 Jan 2013 - 11:20

    merci
    Souky Mitsu
    Souky Mitsu
    FémininAge : 34Messages : 124

    Lun 21 Jan 2013 - 18:47

    ça me parrait interressant...
    Kannone
    Kannone
    FémininAge : 28Messages : 25

    Jeu 31 Jan 2013 - 16:03

    Merci (:
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 19:50