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.

-25%
Le deal à ne pas rater :
-25% Samsung Odyssey G9 G95C – Ecran PC Gamer 49″ Incurvé
599 € 799 €
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 2 1131108317
    Bleufi
    Bleufi
    FémininAge : 29Messages : 311

    Sam 1 Sep 2012 - 11:40

    J'ai envie de voir ça :) ça me parait très bien comme tuto ^^
    Merci pour le partage



    [Tuto] Fond des messages différents pour le Staff - Page 2 875686Asuna
    Aravis Thelan
    Aravis Thelan
    FémininAge : 35Messages : 33

    Dim 2 Sep 2012 - 2:44

    ça me semble intéressant, donc j'écris pour voir ^^

    Mais je remercie aussi d'avance pour cette astuce Wink
    Madih-Vinity
    Madih-Vinity
    MasculinAge : 31Messages : 6

    Dim 2 Sep 2012 - 4:09

    Merci pour ce tuto Very Happy
    Khouro13
    Khouro13
    FémininAge : 25Messages : 208

    Lun 3 Sep 2012 - 1:29

    Merci ! (:



    [Tuto] Fond des messages différents pour le Staff - Page 2 322292sweetaddictionShinku145
    Kiwix
    Kiwix
    FémininAge : 29Messages : 68

    Lun 3 Sep 2012 - 10:28

    Merci ^^
    rhapsody_
    rhapsody_
    FémininAge : 41Messages : 21

    Mar 4 Sep 2012 - 3:47

    merci Very Happy



    [Tuto] Fond des messages différents pour le Staff - Page 2 Typo-ban-septembre-2cd0505
    BlueOcelot
    BlueOcelot
    FémininAge : 34Messages : 25

    Mar 4 Sep 2012 - 14:19

    Ca me rends curieuse, je veux donc voir ^^
    Nyuage
    Nyuage
    MasculinAge : 32Messages : 3

    Mar 4 Sep 2012 - 17:19

    Merci beaucoup !
    pierre31250
    pierre31250
    MasculinAge : 28Messages : 38

    Sam 8 Sep 2012 - 1:11

    Merci, super tuto
    Bee Chrome
    Bee Chrome
    MasculinAge : 29Messages : 70

    Sam 8 Sep 2012 - 14:27

    Merci bien. =)



    [Tuto] Fond des messages différents pour le Staff - Page 2 223618SignatureLelouch2
    Bidoux
    Bidoux
    MasculinAge : 33Messages : 16

    Dim 9 Sep 2012 - 2:29

    Curieux du contenu
    Lemmy1916
    Lemmy1916
    MasculinAge : 42Messages : 11

    Dim 9 Sep 2012 - 13:18

    Merci pour le tuto
    Lutine
    Lutine
    FémininAge : 37Messages : 102

    Mar 11 Sep 2012 - 12:52


    Merci!
    Nayero
    Nayero
    MasculinAge : 29Messages : 39

    Jeu 13 Sep 2012 - 17:57

    Merci



    [Tuto] Fond des messages différents pour le Staff - Page 2 Nayero10
    KaraV3
    KaraV3
    MasculinAge : 27Messages : 27

    Dim 16 Sep 2012 - 17:53

    Thanks
    Merino
    Merino
    MasculinAge : 29Messages : 55

    Jeu 20 Sep 2012 - 20:46

    J'ai hâte de voir le rendu !
    Yoshi_3ds
    Yoshi_3ds
    MasculinAge : 28Messages : 25

    Jeu 20 Sep 2012 - 23:29

    merki *o*
    Snop5
    Snop5
    MasculinAge : 34Messages : 31

    Dim 23 Sep 2012 - 15:22

    Intéressant. ^^
    P'tit loup
    P'tit loup
    MasculinAge : 42Messages : 451

    Ven 28 Sep 2012 - 13:46

    je suis curieux... merci ^^



    [Tuto] Fond des messages différents pour le Staff - Page 2 30xivrd
    Natsuya Gaïaguard
    Natsuya Gaïaguard
    FémininAge : 34Messages : 144

    Mar 2 Oct 2012 - 0:57

    Merci ^^



    [Tuto] Fond des messages différents pour le Staff - Page 2 Signa10
    Equestria
    Equestria
    FémininAge : 27Messages : 118

    Ven 5 Oct 2012 - 20:30

    =D
    Shinøbi
    Shinøbi
    MasculinAge : 24Messages : 29

    Sam 6 Oct 2012 - 19:48

    Merci! =D
    GaaraXGaara
    GaaraXGaara
    MasculinAge : 34Messages : 49

    Dim 7 Oct 2012 - 22:33

    Veux voir (a)



    Je préfère avoir la maladie de parkinson que la maladie Alzheimer, pourquoi?
    Parce que je préfère renverser une goutte de mon verre que d'oublié de le boire.


    :nawak:
    mprevel
    mprevel
    MasculinAge : 77Messages : 34

    Lun 8 Oct 2012 - 13:58

    merci!!
    MoonTears
    MoonTears
    FémininAge : 30Messages : 10

    Mer 10 Oct 2012 - 3:22

    Oooh, ça me semble très intéressant ! Merci du partage !
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 10:05