AccueilFAQRechercherMembresGroupesS'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.


    [Tuto] Fond des messages différents pour le Staff

    Partagez
    avatar
    Bellumm
    MasculinAge : 42Messages : 67

    le 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



    avatar
    Neige
    FémininAge : 21Messages : 23

    le Dim 25 Nov 2012 - 23:57

    Merci beaucoup ! :3