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 :
Disque dur SSD CRUCIAL P3 1 To (3D NAND NVMe PCIe M.2)
Voir le deal
65.91 €

    [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 20 1131108317
    Argimpasa
    Argimpasa
    FémininAge : 32Messages : 100

    Mar 29 Mar 2016 - 22:19

    Envie de découvrir cette astuce Very Happy Merci
    keline
    keline
    FémininAge : 23Messages : 5

    Lun 4 Avr 2016 - 15:16

    Merci pour ce partage ^^
    Saphira
    Saphira
    FémininAge : 27Messages : 72

    Sam 23 Avr 2016 - 2:15

    Sa va ètre pratique, merci :)
    Xyyny
    Xyyny
    FémininAge : 32Messages : 59

    Mer 27 Avr 2016 - 17:58

    Ca me parait mega cool :)
    Nemesis
    Nemesis
    FémininAge : 32Messages : 218

    Jeu 28 Avr 2016 - 2:05

    je veux voir! *-*
    Pechemelba
    Pechemelba
    MasculinAge : 28Messages : 10

    Sam 30 Avr 2016 - 3:25

    Merci du tuto :)
    Féery
    Féery
    FémininAge : 23Messages : 23

    Mer 11 Mai 2016 - 19:46

    J'ai vraiment envie de voir Very Happy Merci d'avance Wink
    Spring
    Spring
    FémininAge : 22Messages : 113

    Dim 15 Mai 2016 - 19:53

    merci ^^



    [Tuto] Fond des messages différents pour le Staff - Page 20 1469275904-1466279957-matae-sign
    Anonymous
    Invité

    Dim 29 Mai 2016 - 19:59

    Merci à toi ! :yay:
    -Resis
    -Resis
    MasculinAge : 27Messages : 25

    Dim 5 Juin 2016 - 16:49

    impatient
    *-Atlas-*
    *-Atlas-*
    MasculinAge : 35Messages : 138

    Jeu 23 Juin 2016 - 6:57

    Je suis curieux



    [Tuto] Fond des messages différents pour le Staff - Page 20 539522Atlasnewban
    Miss Houpette
    Miss Houpette
    FémininAge : 27Messages : 76

    Ven 24 Juin 2016 - 14:50

    Hey ça à l'air pas mal, merci merci !
    Mustique
    Mustique
    FémininAge : 28Messages : 10

    Sam 25 Juin 2016 - 14:16

    Merci !
    dean winchester
    dean winchester
    MasculinAge : 29Messages : 85

    Mer 20 Juil 2016 - 0:37

    merci ! Very Happy
    .Lucifer.
    .Lucifer.
    MasculinAge : 51Messages : 184

    Mer 20 Juil 2016 - 2:37

    Merci beaucoup ! Wink



    [Tuto] Fond des messages différents pour le Staff - Page 20 978358Divine
    marie-noelle
    marie-noelle
    FémininAge : 66Messages : 112

    Dim 24 Juil 2016 - 17:50

    merci Very Happy
    Bloody Horizon
    Bloody Horizon
    FémininAge : 27Messages : 27

    Lun 25 Juil 2016 - 21:13

    Hâte de voir ça, ça me semble assez sympa :3 Merci!
    NanoiHime
    NanoiHime
    FémininAge : 25Messages : 566

    Mer 10 Aoû 2016 - 23:54

    merci



    Amariem
    Amariem
    FémininAge : 25Messages : 98

    Jeu 11 Aoû 2016 - 17:34

    Interresting



    [Tuto] Fond des messages différents pour le Staff - Page 20 241091dfsdfds
    Yoshine
    Yoshine
    MasculinAge : 25Messages : 18

    Dim 4 Sep 2016 - 13:31

    Merci !



    [Tuto] Fond des messages différents pour le Staff - Page 20 Lats10
    Thessia
    Thessia
    FémininAge : 34Messages : 78

    Lun 5 Sep 2016 - 0:08

    Envie d'apprendre, merci !



    Ce n'est pas parce que tu ne le vois pas que ce n'est pas réel,
    Ce n'est pas par ce que tu n'y arrive pas que ce n'est pas possible.
    Panzerblitz-1
    Panzerblitz-1
    MasculinAge : 25Messages : 63

    Sam 17 Sep 2016 - 19:52

    curieux.
    Sestren
    Sestren
    Autre / Ne pas divulguerAge : 31Messages : 36

    Lun 19 Sep 2016 - 21:12

    Merci !
    Froufy
    Froufy
    FémininAge : 23Messages : 59

    Mer 21 Sep 2016 - 13:04

    Merci beaucoup!



    1+1= 4
          2
    3
    Dariel
    Dariel
    FémininAge : 54Messages : 69

    Dim 16 Oct 2016 - 23:58

    cheers  merci, merci... 

    :love:



    C'est la vie Invité ! Pas le paradis.
    Contenu sponsorisé


      La date/heure actuelle est Ven 19 Avr 2024 - 9:53