AwesomeBB : Distinguer les messages du staff

[Zepiii]

Détails techniques

Version du forum : AwesomeBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://www.forum-generationmobiles.net

Description du problème

Bonjour,

J'essaie d'appliquer ce tuto mais pour AwesomeBB : https://forum.forumactif.com/t334565-distinguer-les-messages-du-staff

J'ai donc appliqué le point 1 et le point 2.

Via l'éditeur google, voilà le résultat que j'aimerais arriver :



Pour cela, j'ai simplement fait ceci :



Le 3e point, j'ai copié le code de ModernBB :

Code:

.post.bgAdministrateur {
    border-top: 1px solid red
}

J'ai essayé d'un peu jouer en mettant .post-footer dans les 3 points plutôt que juste .post mais sans succès...

Quelle nomenclature faut-il utiliser pour AwesomeBB ?

Merci,
Zepiii

[Invité]

Hello Zepiii,
on peut même faire quelque de mieux que t'ajouter une bordure, le script var faire l'identique que l'astuce,
ensuite on va colorer la barre haute le toggle du profil et la barre de la date en bas:

Tu pourras modifier la couleur dans la feuille de style.
L'aperçu imagé:




Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mets un titre explicite.
Coches Sur les sujets

Déposes ceci:

Code:


$(function(){
$('.Administrateur').closest('.post-wrap').addClass('bgAdministrateur');
});



Penses à cliquer sur le bouton VALIDER

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutes ceci:

Code:


.bgAdministrateur .post-header, .bgAdministrateur .post-footer,.bgAdministrateur .post-author-contact
{background-color:orange;}
/*ON MODIFIE LA COULEUR DE POLICE SUIVANT LE BACKGROUND COLOR*/
.bgAdministrateur .post-date{color:white;}


Penses à cliquer sur le bouton




a++

[Zepiii]

Salut et merci, ça fonctionne parfaitement !!!

Par contre, ça faisait fort chargé, alors je m'en suis tenu au plan initial

Code:

.bgAdministrateur .post-footer{
   border-top: 2px solid red
}

[Invité]

Re,
de rien et pas de soucis mon ami .

a++