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 à ne pas rater :
Cartes Pokémon 151 : où trouver le coffret Collection Alakazam-ex ?
Voir le deal

    [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 8 1131108317
    Anonymous
    Invité

    Jeu 4 Avr 2013 - 20:35

    merci beau
    patou83320
    patou83320
    MasculinAge : 36Messages : 6

    Lun 8 Avr 2013 - 11:57

    merci
    Destiny
    Destiny
    MasculinAge : 32Messages : 36

    Ven 12 Avr 2013 - 19:26

    Merci :)



    [Tuto] Fond des messages différents pour le Staff - Page 8 18zw4i
    Solle.
    Solle.
    FémininAge : 26Messages : 6

    Sam 13 Avr 2013 - 15:43

    Thx
    WizzyFree
    WizzyFree
    MasculinAge : 30Messages : 2004

    Sam 13 Avr 2013 - 20:14

    I need that !



    [Tuto] Fond des messages différents pour le Staff - Page 8 828103KidInk
    W.
    W.
    FémininAge : 25Messages : 127

    Sam 13 Avr 2013 - 20:21

    Ah tiens! Je cherchais un tuto sur ça justement x) merci beaucoup!



    Je suis Charlie.
    Patou972
    Patou972
    FémininAge : 45Messages : 180

    Dim 14 Avr 2013 - 21:06

    merci beaucoup
    Poulpy
    Poulpy
    FémininAge : 34Messages : 32

    Lun 15 Avr 2013 - 14:41

    Thanks !!
    kitel
    kitel
    MasculinAge : 28Messages : 42

    Dim 21 Avr 2013 - 9:59

    BOn tuto! Wink
    avatar
    DiAnOs
    MasculinAge : 24Messages : 390

    Dim 21 Avr 2013 - 14:26

    Merci du partage. :)



    [Tuto] Fond des messages différents pour le Staff - Page 8 Comman27
    miily-doud
    miily-doud
    FémininAge : 31Messages : 34

    Lun 22 Avr 2013 - 14:40

    Merci, pratique Wink
    miily-doud
    miily-doud
    FémininAge : 31Messages : 34

    Lun 22 Avr 2013 - 14:52

    Bonjour, je ne comprends pas pourquoi le code ne fonctionne pas sur mon forum de test...
    Gerbille ~
    Gerbille ~
    FémininAge : 28Messages : 31

    Dim 28 Avr 2013 - 12:47

    Merci !
    Le Fou de Bassan
    Le Fou de Bassan
    MasculinAge : 32Messages : 284

    Mar 7 Mai 2013 - 12:57

    Merci !



    Lidwynne O'Ahkan
    Lidwynne O'Ahkan
    FémininAge : 27Messages : 15

    Mar 7 Mai 2013 - 22:44

    Curieuse de voir ça aussi.
    Merci pour l'astuce.



    [Tuto] Fond des messages différents pour le Staff - Page 8 1217101550BKydxv56
    Jesters
    Jesters
    MasculinAge : 65Messages : 3

    Mer 8 Mai 2013 - 16:23

    Merci!
    Sushi
    Sushi
    Age : 32Messages : 85

    Mer 8 Mai 2013 - 19:59

    Merci !
    immortel
    immortel
    MasculinAge : 29Messages : 31

    Ven 10 Mai 2013 - 22:37

    merci
    Yogurt01
    Yogurt01
    MasculinAge : 34Messages : 79

    Dim 12 Mai 2013 - 11:37

    Merci
    Merrious
    Merrious
    FémininAge : 24Messages : 8

    Dim 12 Mai 2013 - 13:11

    J'aimerais bien voir ça, par curiosité. Merci du partage! (:



    [center[Tuto] Fond des messages différents pour le Staff - Page 8 Imstillinlovewithyou_zps211cdfd0[/spoiler][/center]
    .Hunter
    .Hunter
    FémininAge : 26Messages : 1054

    Dim 12 Mai 2013 - 18:28

    Mh, ça pourrait être utile! :)



    [Tuto] Fond des messages différents pour le Staff - Page 8 Hunti10
    La ptite voix
    La ptite voix
    FémininAge : 31Messages : 99

    Mer 15 Mai 2013 - 17:42

    Merci pour ce tuto
    Lullabie
    Lullabie
    FémininAge : 24Messages : 15

    Dim 19 Mai 2013 - 2:33

    Merci !
    Anonymous
    Invité

    Lun 20 Mai 2013 - 1:59

    Bonsoir,

    Ce tuto ne marche pas sur mon forum :s
    la-loca
    la-loca
    FémininAge : 31Messages : 86

    Jeu 23 Mai 2013 - 13:19

    Merci beaucoup!!



    [Tuto] Fond des messages différents pour le Staff - Page 8 13031910
    Contenu sponsorisé


      La date/heure actuelle est Jeu 2 Mai 2024 - 3:16