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.

-17%
Le deal à ne pas rater :
SSD interne Crucial SSD P3 1To NVME à 49,99€
49.99 € 59.99 €
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 9 1131108317
    Cola
    Cola
    FémininAge : 25Messages : 81

    Dim 26 Mai 2013 - 14:11

    merki



    [Tuto] Fond des messages différents pour le Staff - Page 9 Signa_11
    Chione
    Chione
    MasculinAge : 23Messages : 397

    Dim 26 Mai 2013 - 14:43

    Merci



    [Tuto] Fond des messages différents pour le Staff - Page 9 1435969469-signd
    FEZ!FEZ!
    [Tuto] Fond des messages différents pour le Staff - Page 9 150804081846482087
    Bunny Lune
    Bunny Lune
    FémininAge : 35Messages : 145

    Lun 27 Mai 2013 - 12:47

    Merci beaucoup pour cet astuce je veux voir
    Noukii
    Noukii
    MasculinAge : 24Messages : 31

    Jeu 30 Mai 2013 - 20:08

    o_o
    C'est curieux mais j'espère que cela me plaira !
    lapinette
    lapinette
    FémininAge : 36Messages : 28

    Ven 31 Mai 2013 - 14:53

    merciii
    katia06
    katia06
    FémininAge : 55Messages : 203

    Ven 31 Mai 2013 - 15:06

    Juste une question où on met le 2ième ou 3ième code, dans le sujet ou message??



    Sieg Hart
    Sieg Hart
    MasculinAge : 35Messages : 16

    Sam 1 Juin 2013 - 10:07

    Merci
    blade li britannia
    blade li britannia
    MasculinAge : 32Messages : 90

    Dim 2 Juin 2013 - 20:33

    Merci
    MaeDakota
    MaeDakota
    FémininAge : 33Messages : 46

    Lun 3 Juin 2013 - 11:51

    Mercii
    Tarada
    Tarada
    MasculinAge : 31Messages : 15

    Sam 8 Juin 2013 - 23:27

    Une heure que je cherche ! Merci !
    Zooé
    Zooé
    FémininAge : 27Messages : 66

    Dim 9 Juin 2013 - 13:53

    merci
    avatar
    Angel Tiger
    MasculinAge : 24Messages : 76

    Dim 9 Juin 2013 - 15:00

    Merci
    FeliceFelicis
    FeliceFelicis
    FémininAge : 34Messages : 89

    Dim 9 Juin 2013 - 15:14

    *beaucoup trop curieuse* J'vais voir ça de ce pas,

    et merci, hein Wink
    Mzelle Machin
    Mzelle Machin
    FémininMessages : 118

    Mar 11 Juin 2013 - 8:19

    Thx pour l'astuce ^^
    K-Surf
    K-Surf
    MasculinAge : 27Messages : 398

    Mer 12 Juin 2013 - 20:14

    merci



    [Tuto] Fond des messages différents pour le Staff - Page 9 BC0blKj7gb
    Coco-Drift
    Coco-Drift
    MasculinAge : 31Messages : 18

    Jeu 13 Juin 2013 - 16:37

    Je veux voir ça !
    Naruhiko
    Naruhiko
    MasculinAge : 26Messages : 119

    Jeu 13 Juin 2013 - 17:46

    Merci



    [Tuto] Fond des messages différents pour le Staff - Page 9 Sans_t10
    Noctali
    Noctali
    FémininAge : 27Messages : 19

    Ven 14 Juin 2013 - 19:05

    Curiosité, quand tu nous tiens ... Merci ! (:
    Shiwaii
    Shiwaii
    MasculinAge : 35Messages : 112

    Dim 16 Juin 2013 - 0:47

    mercii
    Metylene
    Metylene
    MasculinAge : 34Messages : 113

    Sam 22 Juin 2013 - 16:23

    Ça pourrait mettre utile :) Merci !



    [Tuto] Fond des messages différents pour le Staff - Page 9 Sign10
    Katerinata
    Katerinata
    FémininAge : 30Messages : 22

    Sam 22 Juin 2013 - 19:49

    Merci. ♥
    Féli
    Féli
    FémininAge : 42Messages : 117

    Dim 23 Juin 2013 - 12:34

    merci



    [Tuto] Fond des messages différents pour le Staff - Page 9 MtGPjQFSeHqzl1zoiU-5zwGCNig
    Glycérine
    Glycérine
    FémininAge : 35Messages : 308

    Dim 23 Juin 2013 - 13:06

    Mh, veut voir ça ^^ merci.




    Haken
    Haken
    FémininAge : 25Messages : 30

    Mar 25 Juin 2013 - 16:22

    Merci, jvais essayer :p



    « D'avoir passé des nuits blanches à rêver, ce que les contes de fées vous laissent imaginer. D'avoir perdu son enfance dans la rue, des illusions déçues, passer inaperçu. D'être tombé plus bas que la poussière, et à la Terre entière, en vouloir puis se taire... D'avoir laissé jusqu'à sa dignité, sans plus rien demander, qu'on vienne vous achever. »
    Kânon
    Kânon
    FémininAge : 36Messages : 30

    Mer 26 Juin 2013 - 17:21

    Merci du partage !
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 22:33