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 : -38%
Ecran PC gaming 23,8″ – ACER KG241Y P3bip ...
Voir le deal
99.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 6 1131108317
    Léoshadow
    Léoshadow
    MasculinAge : 25Messages : 47

    Dim 3 Fév 2013 - 15:58

    Merci



    Mon texte Very Happy
    Cherry'
    Cherry'
    FémininAge : 31Messages : 70

    Dim 3 Fév 2013 - 18:10

    merci Wink
    Léoshadow
    Léoshadow
    MasculinAge : 25Messages : 47

    Dim 3 Fév 2013 - 18:25

    Comment fait-on pour mettre le tutoriel correctement lorsque j'ai mit le profil au dessus du message ?



    Mon texte Very Happy
    Platypus
    Platypus
    MasculinAge : 27Messages : 11

    Dim 3 Fév 2013 - 18:38

    Mihihi °-°
    Titia
    Titia
    FémininAge : 32Messages : 63

    Lun 4 Fév 2013 - 0:23

    Merci du partage



    [Tuto] Fond des messages différents pour le Staff - Page 6 Pica1ctmp
    Clémy
    Clémy
    FémininAge : 37Messages : 29

    Lun 4 Fév 2013 - 19:37

    Merci! Very Happy
    no-one-is
    no-one-is
    MasculinAge : 49Messages : 5

    Mer 6 Fév 2013 - 1:27

    Sympathique comme astuce. Merci
    sacha9843
    sacha9843
    MasculinAge : 25Messages : 15

    Mer 6 Fév 2013 - 13:29

    merci
    Lily Wheeler
    Lily Wheeler
    FémininAge : 35Messages : 3

    Jeu 7 Fév 2013 - 19:52

    Merci
    katia06
    katia06
    FémininAge : 55Messages : 203

    Ven 15 Fév 2013 - 14:07

    ça m'a l'air très interressant, merci



    elsa2607
    elsa2607
    FémininAge : 26Messages : 81

    Dim 17 Fév 2013 - 13:15

    Merci



    [Tuto] Fond des messages différents pour le Staff - Page 6 Stvale10
    Didinette
    Didinette
    FémininAge : 32Messages : 21

    Ven 22 Fév 2013 - 10:21

    Je suis curieuse ^^ merci d'avance ^^
    o~°Passion HELL
    o~°Passion HELL
    FémininAge : 36Messages : 215

    Dim 24 Fév 2013 - 0:41

    curiosité quand tu nous tiens ^^



    ....
    Amber's
    Amber's
    FémininAge : 24Messages : 158

    Dim 24 Fév 2013 - 19:10

    Merci
    Zatih
    Zatih
    MasculinAge : 34Messages : 19

    Lun 25 Fév 2013 - 7:39

    Un petit brin de curiosité Wink Merci d'avance.
    Makhroe
    Makhroe
    MasculinAge : 35Messages : 143

    Mer 27 Fév 2013 - 13:09

    Merci bien. Wink
    Draigon
    Draigon
    MasculinAge : 27Messages : 20

    Jeu 28 Fév 2013 - 3:29

    Merci
    Laetitia
    Laetitia
    FémininAge : 42Messages : 89

    Dim 3 Mar 2013 - 0:09

    merci
    Girlicious
    Girlicious
    FémininAge : 39Messages : 60

    Mar 5 Mar 2013 - 2:51

    C'est exactement ce que je cherchais, merci Very Happy



    [Tuto] Fond des messages différents pour le Staff - Page 6 OXvQ1
    Tony`s
    Tony`s
    MasculinAge : 33Messages : 64

    Mar 5 Mar 2013 - 4:19

    merci pour le tuto
    Synny
    Synny
    FémininAge : 23Messages : 55

    Mar 5 Mar 2013 - 7:52

    Merci du partage =)
    Calypso-FR
    Calypso-FR
    MasculinAge : 37Messages : 28

    Mar 5 Mar 2013 - 14:34

    merci
    avatar
    TATACARO13
    FémininAge : 49Messages : 80

    Mer 6 Mar 2013 - 23:24

    merci



    [Tuto] Fond des messages différents pour le Staff - Page 6 967953logodusite

    [Tuto] Fond des messages différents pour le Staff - Page 6 381658signatureBAU
    Sakura Sumeragi
    Sakura Sumeragi
    FémininAge : 34Messages : 62

    Jeu 7 Mar 2013 - 14:05

    Merci
    SeshiroLoint
    SeshiroLoint
    MasculinAge : 32Messages : 11

    Ven 8 Mar 2013 - 23:49

    Merci
    Contenu sponsorisé


      La date/heure actuelle est Ven 22 Nov 2024 - 1:14