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 du moment : -55%
Friteuse sans huile – PHILIPS – Airfryer ...
Voir le deal
49.99 €

    [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 10 1131108317
    UndeadTeddy
    UndeadTeddy
    MasculinAge : 33Messages : 8

    Mer 26 Juin 2013 - 20:03

    Ca à l'air bien cool !
    Hidema
    Hidema
    MasculinAge : 29Messages : 54

    Jeu 27 Juin 2013 - 19:17

    Thanks.
    Laura2045
    Laura2045
    FémininAge : 26Messages : 25

    Ven 28 Juin 2013 - 17:55

    Merci ! Wink
    Never-Die
    Never-Die
    FémininAge : 35Messages : 30

    Dim 30 Juin 2013 - 16:36

    Curieuse de nature, j'aimerais réellement voir et comprendre ce petit tuto
    Sunshine.
    Sunshine.
    FémininAge : 27Messages : 18

    Dim 30 Juin 2013 - 19:18

    Merci :)
    Hwan-Leo Flores
    Hwan-Leo Flores
    FémininAge : 31Messages : 275

    Mar 2 Juil 2013 - 23:01

    merciii Very Happy



    [Tuto] Fond des messages différents pour le Staff - Page 10 Jjs4
    Macaron
    Macaron
    FémininAge : 25Messages : 37

    Mer 3 Juil 2013 - 12:10

    Merci :) !
    Kun
    Kun
    MasculinAge : 31Messages : 49

    Jeu 4 Juil 2013 - 20:53

    J'veux voir Wink
    .SaKou.
    .SaKou.
    FémininAge : 28Messages : 57

    Sam 6 Juil 2013 - 13:29

    Thanks (:



    [Tuto] Fond des messages différents pour le Staff - Page 10 1351184429-smile
    Ab0utxMe
    Ab0utxMe
    FémininAge : 29Messages : 186

    Jeu 11 Juil 2013 - 13:59

    Je le cherchais ça ! Merci Very Happy



    [Tuto] Fond des messages différents pour le Staff - Page 10 878302signaturevegeta
    SundayGirl
    SundayGirl
    FémininAge : 30Messages : 11

    Lun 15 Juil 2013 - 14:57

    merci
    Shirabi
    Shirabi
    MasculinAge : 28Messages : 47

    Lun 15 Juil 2013 - 18:47

    Merci
    YellowBanana
    YellowBanana
    FémininAge : 32Messages : 94

    Mer 17 Juil 2013 - 2:23

    Curiosité curiosité ! Merci d'avance :)
    Tortue
    Tortue
    MasculinAge : 27Messages : 33

    Mer 17 Juil 2013 - 12:30

    Hâte de voir le résultat ^^
    Adichou*
    Adichou*
    FémininAge : 32Messages : 71

    Jeu 18 Juil 2013 - 16:55

    Merci Wink
    Train123
    Train123
    MasculinAge : 23Messages : 40

    Sam 20 Juil 2013 - 10:28

    merci
    Sea, sex and sun
    Sea, sex and sun
    FémininAge : 36Messages : 9

    Mer 31 Juil 2013 - 18:31

    Merci beaucoup Very Happy Very Happy 
    Elodie potter
    Elodie potter
    FémininAge : 37Messages : 106

    Jeu 1 Aoû 2013 - 13:37

    merci :)
    Valhalla
    Valhalla
    MasculinAge : 33Messages : 105

    Jeu 1 Aoû 2013 - 18:20

    Merci !
    Nero Brigh
    Nero Brigh
    MasculinAge : 40Messages : 85

    Jeu 1 Aoû 2013 - 23:11

    merci!
    Raziel Dirty
    Raziel Dirty
    MasculinAge : 27Messages : 39

    Dim 4 Aoû 2013 - 1:25

    Et voila, on attise ma curiosité !
    Igorette.
    Igorette.
    FémininAge : 28Messages : 44

    Dim 4 Aoû 2013 - 2:57

    très pratique, merci :)
    Tahly
    Tahly
    FémininAge : 34Messages : 452

    Mer 7 Aoû 2013 - 13:03

    Je suis très curieuse de voir cette manip, merci du partage!
    Necro Seth
    Necro Seth
    MasculinAge : 36Messages : 30

    Jeu 8 Aoû 2013 - 20:07

    Merci pour cette astuce :)
    Anonymous
    Invité

    Ven 9 Aoû 2013 - 0:35

    Je suis curieux donc merci !
    Contenu sponsorisé


      La date/heure actuelle est Ven 22 Nov 2024 - 3:36