[ShoutBox] Assigner une couleur aux messages en fonction du groupe de l'utilisateur.

Statut
N'est pas ouverte pour d'autres réponses.

FreeZeR34

Membre
Inscription
27 Juillet 2015
Messages
21
Réactions
11
Points
81
RGCoins
0
Bonjour les furieux ! :D

Je vais vous apprendre à assigner une couleur en fonction du groupe d'utilisateur d'un membre sur la Shoutbox Dark Taigachat !


Il y aura 2 version:

  • Couleur pour tous les membres du staff
  • Couleur pour un grade spécifique

I / Couleur pour tous les membres du staff

Cette couleur s'appliquera a tous les membres qui apparaîtront comme étant "Staff".


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:


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

Ajoutez en dessous:


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

Sauvegardez votre template.


Ensuite, toujours dans les templates, chez dark_taigachat.css


Allez tout en bas et ajoutez:


Code:
.message_staff[/FONT][/COLOR][/COLOR][/FONT][/FONT][/COLOR][/COLOR][/FONT][/FONT][/COLOR][/COLOR][/FONT][/COLOR][/FONT][/FONT][/COLOR][/COLOR][/FONT][/COLOR][/FONT][/FONT][/COLOR][/COLOR][/FONT][/COLOR][/FONT]
[FONT=Lato][COLOR=rgb(44, 44, 44)][FONT=Open Sans][COLOR=rgb(20, 20, 20)][COLOR=rgb(44, 44, 44)][FONT=Arial][FONT=Lato][COLOR=rgb(44, 44, 44)][FONT=Open Sans][COLOR=rgb(20, 20, 20)][COLOR=rgb(44, 44, 44)][FONT=Arial][FONT=Open Sans][COLOR=rgb(20, 20, 20)][COLOR=rgb(44, 44, 44)][FONT=Arial][FONT=Lato][COLOR=rgb(44, 44, 44)][FONT=Open Sans][COLOR=rgb(20, 20, 20)][COLOR=rgb(44, 44, 44)][FONT=Arial][COLOR=rgb(44, 44, 44)][FONT=Arial][FONT=Open Sans][COLOR=rgb(20, 20, 20)]{[/COLOR][/FONT]
[FONT=Lato][COLOR=rgb(44, 44, 44)]color: VOTRE COULEUR;
font-weight: bold;
}

Remplacez VOTRE COULEUR par la couleur de votre choix ;)


II / Couleur pour un grade spécifique


Pour assigner une couleur de message un grade en particulier, il faudra vous rendre dans la meme template qui est dis plus haut: dark_taigachat_message


En cherchant toujours:


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

Ajoutez en dessous:


Code:
[/FONT][/COLOR][/COLOR][/FONT][/FONT][/COLOR][/COLOR][/FONT][/FONT][/COLOR][/COLOR][/FONT][/COLOR][/FONT][/FONT][/COLOR][/COLOR][/FONT][/COLOR][/FONT][/FONT][/COLOR][/COLOR][/FONT][/COLOR][/FONT]
[FONT=Lato][COLOR=rgb(44, 44, 44)][FONT=Open Sans][COLOR=rgb(20, 20, 20)][COLOR=rgb(44, 44, 44)][FONT=Arial][FONT=Lato][COLOR=rgb(44, 44, 44)][FONT=Open Sans][COLOR=rgb(20, 20, 20)][COLOR=rgb(44, 44, 44)][FONT=Arial][FONT=Open Sans][COLOR=rgb(20, 20, 20)][COLOR=rgb(44, 44, 44)][FONT=Arial][FONT=Lato][COLOR=rgb(44, 44, 44)][FONT=Open Sans][COLOR=rgb(20, 20, 20)][COLOR=rgb(44, 44, 44)][FONT=Arial][COLOR=rgb(44, 44, 44)][FONT=Arial][FONT=Open Sans][COLOR=rgb(20, 20, 20)]<xen:if is="{xen:helper ismemberof, $message, ID DU GROUPE}">[/COLOR][/FONT]
[FONT=Lato][COLOR=rgb(44, 44, 44)]<span class="message_GROUPE">
</xen:if>

Remplacez ID DU GROUPE par l'id du groupe qui bénéficira 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:

DElUbsd.png


Voilà, vous avez votre ID.


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


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


Ajoutez ce code tout à la fin:


Code:
[/FONT][/COLOR][/COLOR][/FONT][/FONT][/COLOR][/COLOR][/FONT][/FONT][/COLOR][/COLOR][/FONT][/COLOR][/FONT][/FONT][/COLOR][/COLOR][/FONT][/COLOR][/FONT][/FONT][/COLOR][/COLOR][/FONT][/COLOR][/FONT]
[FONT=Lato][COLOR=rgb(44, 44, 44)][FONT=Open Sans][COLOR=rgb(20, 20, 20)][COLOR=rgb(44, 44, 44)][FONT=Arial][FONT=Lato][COLOR=rgb(44, 44, 44)][FONT=Open Sans][COLOR=rgb(20, 20, 20)][COLOR=rgb(44, 44, 44)][FONT=Arial][FONT=Open Sans][COLOR=rgb(20, 20, 20)][COLOR=rgb(44, 44, 44)][FONT=Arial][FONT=Lato][COLOR=rgb(44, 44, 44)][FONT=Open Sans][COLOR=rgb(20, 20, 20)][COLOR=rgb(44, 44, 44)][FONT=Arial][COLOR=rgb(44, 44, 44)][FONT=Arial][FONT=Open Sans][COLOR=rgb(20, 20, 20)].message_GROUPE[/COLOR][/FONT]
[FONT=Lato][COLOR=rgb(44, 44, 44)]{
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 !

Le tutoriel est fini, bravo !


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) !

Source:
 
Dernière édition:
Bonjour les furieux ! :D

Je vais vous apprendre à assigner une couleur en fonction du groupe d'utilisateur d'un membre sur la Shoutbox Dark Taigachat !


Il y aura 2 version:

  • Couleur pour tous les membres du staff
  • Couleur pour un grade spécifique

I / Couleur pour tous les membres du staff

Cette couleur s'appliquera a tous les membres qui apparaîtront comme étant "Staff".


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:


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

Ajoutez en dessous:


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

Sauvegardez votre template.


Ensuite, toujours dans les templates, chez dark_taigachat.css


Allez tout en bas et ajoutez:


Code:
.message_staff[/FONT][/COLOR][/COLOR][/FONT][/FONT][/COLOR][/COLOR][/FONT][/FONT][/COLOR][/COLOR][/FONT][/COLOR][/FONT][/FONT][/COLOR][/COLOR][/FONT][/COLOR][/FONT]
[FONT=Lato][COLOR=rgb(44, 44, 44)][FONT=Open Sans][COLOR=rgb(20, 20, 20)][COLOR=rgb(44, 44, 44)][FONT=Arial][FONT=Open Sans][COLOR=rgb(20, 20, 20)][COLOR=rgb(44, 44, 44)][FONT=Arial][FONT=Lato][COLOR=rgb(44, 44, 44)][FONT=Open Sans][COLOR=rgb(20, 20, 20)][COLOR=rgb(44, 44, 44)][FONT=Arial][COLOR=rgb(44, 44, 44)][FONT=Arial][FONT=Open Sans][COLOR=rgb(20, 20, 20)]{[/COLOR][/FONT]
[FONT=Lato][COLOR=rgb(44, 44, 44)]color: VOTRE COULEUR;
font-weight: bold;
}

Remplacez VOTRE COULEUR par la couleur de votre choix ;)


II / Couleur pour un grade spécifique


Pour assigner une couleur de message un grade en particulier, il faudra vous rendre dans la meme template qui est dis plus haut: dark_taigachat_message


En cherchant toujours:


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

Ajoutez en dessous:


Code:
[/FONT][/COLOR][/COLOR][/FONT][/FONT][/COLOR][/COLOR][/FONT][/FONT][/COLOR][/COLOR][/FONT][/COLOR][/FONT][/FONT][/COLOR][/COLOR][/FONT][/COLOR][/FONT]
[FONT=Lato][COLOR=rgb(44, 44, 44)][FONT=Open Sans][COLOR=rgb(20, 20, 20)][COLOR=rgb(44, 44, 44)][FONT=Arial][FONT=Open Sans][COLOR=rgb(20, 20, 20)][COLOR=rgb(44, 44, 44)][FONT=Arial][FONT=Lato][COLOR=rgb(44, 44, 44)][FONT=Open Sans][COLOR=rgb(20, 20, 20)][COLOR=rgb(44, 44, 44)][FONT=Arial][COLOR=rgb(44, 44, 44)][FONT=Arial][FONT=Open Sans][COLOR=rgb(20, 20, 20)]<xen:if is="{xen:helper ismemberof, $message, ID DU GROUPE}">[/COLOR][/FONT]
[FONT=Lato][COLOR=rgb(44, 44, 44)]<span class="message_GROUPE">
</xen:if>

Remplacez ID DU GROUPE par l'id du groupe qui bénéficira 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:

DElUbsd.png


Voilà, vous avez votre ID.


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


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


Ajoutez ce code tout à la fin:


Code:
[/FONT][/COLOR][/COLOR][/FONT][/FONT][/COLOR][/COLOR][/FONT][/FONT][/COLOR][/COLOR][/FONT][/COLOR][/FONT][/FONT][/COLOR][/COLOR][/FONT][/COLOR][/FONT]
[FONT=Lato][COLOR=rgb(44, 44, 44)][FONT=Open Sans][COLOR=rgb(20, 20, 20)][COLOR=rgb(44, 44, 44)][FONT=Arial][FONT=Open Sans][COLOR=rgb(20, 20, 20)][COLOR=rgb(44, 44, 44)][FONT=Arial][FONT=Lato][COLOR=rgb(44, 44, 44)][FONT=Open Sans][COLOR=rgb(20, 20, 20)][COLOR=rgb(44, 44, 44)][FONT=Arial][COLOR=rgb(44, 44, 44)][FONT=Arial][FONT=Open Sans][COLOR=rgb(20, 20, 20)].message_GROUPE[/COLOR][/FONT]
[FONT=Lato][COLOR=rgb(44, 44, 44)]{
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 !

Le tutoriel est fini, bravo !


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) !

Caner, débutant XenForo

Merci, je vais tester tout ça ;)
 
Pas mal, j'ai pas de forum sous XenForo mais ça aidera plus d'un :)
 
Pourquoi tu re poste ce tutoriel https://reality-gaming.fr/threads/x...ouleur-decriture-en-fonction-du-grade.462870/ :mmh: ?
 
Statut
N'est pas ouverte pour d'autres réponses.
Retour
Haut