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 à ne pas rater :
Pokémon EV06 : où acheter le Bundle Lot 6 Boosters Mascarade ...
Voir le deal

    [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 19 1131108317
    Anonymous
    Invité

    Dim 6 Déc 2015 - 3:49

    Merci d'avance ! `)
    Zekarant
    Zekarant
    MasculinAge : 22Messages : 51

    Mar 8 Déc 2015 - 22:16

    Merci
    suley
    suley
    MasculinAge : 27Messages : 13

    Jeu 10 Déc 2015 - 13:48

    Jolie :)
    Eiffel01
    Eiffel01
    MasculinAge : 37Messages : 32

    Lun 21 Déc 2015 - 13:07

    Merci...
    ça aurait été bien d'avoir un aperçu !
    Elocha
    Elocha
    FémininAge : 73Messages : 255

    Lun 21 Déc 2015 - 14:18

    fun, merci



    eLoChA.
    Elewen
    Elewen
    FémininAge : 23Messages : 22

    Dim 3 Jan 2016 - 21:33

    merci
    Vixinte
    Vixinte
    FémininAge : 26Messages : 90

    Lun 4 Jan 2016 - 21:35

    Ça m'intrigue .. Merci ! Ö
    pizi
    pizi
    FémininAge : 36Messages : 584

    Jeu 14 Jan 2016 - 17:07

    merci



    [Tuto] Fond des messages différents pour le Staff - Page 19 EYh8XMq
    Roots
    Roots
    MasculinAge : 104Messages : 13

    Ven 15 Jan 2016 - 18:06

    A voir :3
    Wiss
    Wiss
    FémininAge : 19Messages : 53

    Dim 31 Jan 2016 - 19:22

    Merci



    [Tuto] Fond des messages différents pour le Staff - Page 19 Wiss11
    Autre signa:
    Coldness
    Coldness
    FémininAge : 20Messages : 54

    Mer 3 Fév 2016 - 10:45

    Merci !
    lala zhang
    lala zhang
    FémininAge : 33Messages : 377

    Mer 3 Fév 2016 - 11:22

    J'ai hâte de voir aussi, cela est intéressant.
    Kilda
    Kilda
    FémininAge : 43Messages : 73

    Mar 9 Fév 2016 - 19:10

    mici
    Anonymous
    Invité

    Ven 12 Fév 2016 - 22:21

    Hello,

    Intéressant, merci
    Geekoupa
    Geekoupa
    MasculinAge : 36Messages : 20

    Sam 20 Fév 2016 - 17:43

    Ah oui, je vais pouvoir montrer mon pouvoir *-*
    o.dream
    o.dream
    FémininAge : 35Messages : 11

    Mer 24 Fév 2016 - 15:02

    Curiosité oblige.
    merci !
    Shizuyae
    Shizuyae
    FémininAge : 25Messages : 57

    Mer 24 Fév 2016 - 16:03

    Merci
    Undefined_Creature
    Undefined_Creature
    FémininAge : 40Messages : 8

    Jeu 17 Mar 2016 - 16:57

    Fait un bail que je cherche cette astuce, merci !
    Zelena
    Zelena
    FémininAge : 36Messages : 59

    Jeu 17 Mar 2016 - 21:32

    Merci!!!
    Lovelymp
    Lovelymp
    FémininAge : 44Messages : 116

    Dim 20 Mar 2016 - 17:47

    hâte de voir sa aussi
    Undefined_Creature
    Undefined_Creature
    FémininAge : 40Messages : 8

    Dim 20 Mar 2016 - 17:51

    Ca ne fonctionne pas :) faudra que je me motive pour poster un sujet de suivi car plusieurs personnes ici (oui j'ai regardé les dix-neuf pages de réponses) ont dit que le code ne fonctionnait pas mais il n'y a aucune réponse d'aide malheureusement.
    Evil Queen 4ever
    Evil Queen 4ever
    FémininAge : 31Messages : 64

    Mar 22 Mar 2016 - 18:33

    cela a l'aire super Very Happy




    [Tuto] Fond des messages différents pour le Staff - Page 19 478753Chantal
    kustomy
    kustomy
    FémininAge : 22Messages : 3

    Lun 28 Mar 2016 - 13:41

    Merci
    Jull421
    Jull421
    FémininAge : 29Messages : 143

    Lun 28 Mar 2016 - 23:34

    Merci



    [Tuto] Fond des messages différents pour le Staff - Page 19 140228025614860943
    avatar
    Tommy'
    MasculinAge : 28Messages : 8

    Mar 29 Mar 2016 - 1:24

    Vorn a écrit:La curiosité est un vilain défaut (a)
    Contenu sponsorisé


      La date/heure actuelle est Sam 27 Avr 2024 - 4:00