XenForo 1.X [shoutbox] Assigner Une Couleur D'écriture En Fonction Du Grade

[Sacryp]

Bonjour tous le monde

Dans ce Tutoriel, je vais vous à assigner une couleur en fonction du groupe d'utilisateur d'un membre sur la Shoutbox Dark Taigachat.

Pour commencer, il y auras 2 versions :

1. Couleur pour tous les membres du Staff
2. Couleur pour un grade spécifique

1) Couleur pour tous les membres du Staff

Cette couleur s'appliquera a tous les membres qui apparaîtront comme étant "Staff"
- ( Membre Notable ) -

Premièrement, je vous invite à accéder a l'adminCP de votre forum
Ensuite allez dans Apparence -> Template -> Cherchez dark_taigachat_message
Entrez dans la template

Ensuite, cherchez ce code :

<span class="{xen:if {$message.me}, 'taigachat_me'} {xen:if {$message.activity}, 'taigachat_activity'}">

Ajoutez en dessous :

<span class="{xen:if $message.is_staff, 'message_staff'}">

Sauvegarder votre Template

Ensuite, toujours dans les templates, chez dark_taigachat.css

Allez tout en bas et ajoutez :

.message_staff
{
color: VOTRE COULEUR;
font-weight: bold;
}

Remplacez "VOTRE COULEUR" par la couleur de votre choix

2) Couleur pour un grade spécifique
Allez dans l'adminCP de votre forum
Ensuite allez dans Apparence -> Template -> dark_taigachat_message

En cherchant toujours :

<span class="{xen:if {$message.me}, 'taigachat_me'} {xen:if {$message.activity}, 'taigachat_activity'}">

Ajoutez en dessous :

<xen:if is="{xen:helper ismemberof, $message, ID DU GROUPE}">
<span class="message_GROUPE">
</xen:if>

Remplacez "ID DU GROUPE" par l'id du groupe qui bénéficiera de la couleur

Comment avoir l'id ?

C'est simple, rendez-vous toujours dans l'AdminCP -> Utilisateurs -> Groupe d'utilisateurs
Ensuite cliquez sur le grade au quel vous voulez assigner la couleur puis regarder dans le lien :

(C'est le 49 après templates.)

Voilà, vous avez votre ID

Ensuite remplacez "GROUPE" par le nom du groupe, pour moi ça sera VIP

Sauvegardez la template et rendez-vous dans la template dark_taigachat.css

Ajoutez ce code a la fin :

.message_GROUPE
{
color: COULEUR;
font-weight: bold;
}

Remplacez GROUPE par le nom du groupe que vous avez mis dans l'autre template plus haut
Remplacez COULEUR par la couleur de votre choix

FAQ

Q:Mais, comment ajouter d'autres couleurs a d'autre groupes ?
R:C'est simple, il suffit de dupliquer les codes en modifiant l'id du groupe et le nom du groupe (message_GROUPE)

Voilà ce Tutoriel touche a sa fin

crédits: Blackbeard