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 : -28%
-28% Machine à café avec broyeur ...
Voir le deal
229.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 14 1131108317
    Derek Lafleur
    Derek Lafleur
    MasculinAge : 49Messages : 30

    Dim 16 Mar 2014 - 18:08

    veux voir , veux voir
    Noob's
    Noob's
    MasculinAge : 30Messages : 129

    Lun 17 Mar 2014 - 17:01

    Merci du partage
    Jull421
    Jull421
    FémininAge : 30Messages : 145

    Mar 18 Mar 2014 - 2:10

    je comprend pas a quoi sert le tuto.

    tu peut mettre le rang avec une image et une couleur?



    [Tuto] Fond des messages différents pour le Staff - Page 14 140228025614860943
    tamanegeek
    tamanegeek
    MasculinAge : 25Messages : 167

    Sam 22 Mar 2014 - 13:29

    Merci !
    Arkaline
    Arkaline
    FémininAge : 33Messages : 195

    Sam 29 Mar 2014 - 11:18

    Bizarre ^^' je suis le tuto à la lettre mais ça ne fonctionne pas @_@



    Arkaline
    Tity
    Tity
    FémininAge : 32Messages : 114

    Sam 29 Mar 2014 - 15:47

    merci Very Happy
    webs
    webs
    MasculinAge : 31Messages : 1097

    Sam 5 Avr 2014 - 11:27

    je test ! merci



    [Tuto] Fond des messages différents pour le Staff - Page 14 Img-0107360bb1h
    Rynkka
    Rynkka
    FémininAge : 25Messages : 120

    Sam 5 Avr 2014 - 19:47

    Merci !



    [Tuto] Fond des messages différents pour le Staff - Page 14 48861711
    Wayz
    Wayz
    MasculinAge : 33Messages : 73

    Dim 20 Avr 2014 - 15:20

    Super, Merci !
    Inoue Musaki
    Inoue Musaki
    FémininAge : 35Messages : 147

    Lun 21 Avr 2014 - 13:50

    merci
    Chaat
    Chaat
    FémininAge : 27Messages : 29

    Sam 26 Avr 2014 - 16:54

    Thanks =3



    [Tuto] Fond des messages différents pour le Staff - Page 14 Sans_t10
    Sue Sheeran
    Sue Sheeran
    FémininAge : 25Messages : 27

    Lun 28 Avr 2014 - 23:34

    cool merci :3
    avatar
    Nardco
    MasculinAge : 63Messages : 82

    Ven 9 Mai 2014 - 8:39

    MERCI
    Albator
    Albator
    MasculinAge : 35Messages : 100

    Sam 10 Mai 2014 - 19:21

    J'aimerais bien voir cela ! :)
    Draztel
    Draztel
    MasculinAge : 31Messages : 6

    Ven 16 Mai 2014 - 7:17

    Merci :)
    NMichiyo
    NMichiyo
    FémininAge : 35Messages : 4

    Sam 24 Mai 2014 - 11:03

    Merci !
    Cissy
    Cissy
    FémininAge : 32Messages : 64

    Jeu 5 Juin 2014 - 0:19

    Merci!
    Sachem
    Sachem
    FémininAge : 28Messages : 51

    Ven 6 Juin 2014 - 1:22

    Merci !
    avatar
    Fragile
    FémininAge : 31Messages : 6

    Dim 8 Juin 2014 - 0:22

    ty !
    lulu-lorry
    lulu-lorry
    MasculinAge : 56Messages : 48

    Ven 13 Juin 2014 - 13:41

    merci
    avatar
    Valkoor
    MasculinAge : 27Messages : 34

    Sam 14 Juin 2014 - 4:24

    je suis curieux de savoir ^^

    merci ^^
    Nanou0001
    Nanou0001
    FémininAge : 40Messages : 50

    Mer 18 Juin 2014 - 13:24

    merci dommage pas d'exemple :/
    Daisy Hardman
    Daisy Hardman
    FémininAge : 27Messages : 60

    Dim 22 Juin 2014 - 21:37

    Merci
    Pelezinho
    Pelezinho
    MasculinAge : 25Messages : 91

    Dim 22 Juin 2014 - 23:40

    MERCI !!!!!



    [MERCI D'INTRODUIRE SIGNATURE ORIGINALE ICI]
    Anonymous
    Invité

    Mar 24 Juin 2014 - 20:44

    Merci
    Contenu sponsorisé


      La date/heure actuelle est Dim 24 Nov 2024 - 0:14