Appliquer une couleur de fond en fonction du groupe / rang du membre

[Σquila]

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : non défini
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs

Description du problème

Bonjour,

Je poste ici suite à un petit problème.
Je souhaite, lorsqu'un utilisateur poste un messages, qu'un encadré prenne la couleur du groupe à laquelle il appartient.
Pour commencer, j'ai bel et bien créé des rôles spéciaux, et j'ai suivi ce tutoriel, comme demandé :
https://forum.forumactif.com/t397617-coloriser-selon-la-couleur-d-un-groupe-de-facon-etendu#3324193

Cependant, après installation du javascript, il se trouve que cela applique la même couleur à tous les encadrés, malgré la différence d'appartenance à un groupe !
Sur le screen que j'ai indiqué, on voit bien que le premier utilisateur est lié à un groupe vert, et que le second utilisateur est lié à un groupe rouge. Les deux ont des rangs spéciaux attribués qui possèdent bel et bien la bonne couleur: vert pour le premier, rouge pour le deuxième.
Or, le cadre est rouge pour les deux !

Ma question est: comment puis-je regler ce problème?
Une éventuelle autre question est : puis-je directement affecter la couleur de fond du message sans avoir à passer par les rôles spéciaux?

Ci-dessous, les copies de mes templates modifiés (viewtopic_body),de mon CSS, et du script en question.

Code:

<tr>
 <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}&nbsp; &nbsp;<img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
 <td valign="top" nowrap="nowrap" class="post-options">
 {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
 </td>
 </tr>
 <tr>
 <td colspan="2" class="hr">
 <hr />
 </td>
 </tr>
                                <tr style="background-color: black;" class="cadre_rpg_messages">
                                  <td colspan="2">
                                    <div class="rpg_cadre_sq_e">
                                      <div class="pseudo_rpg_messages">
                                              <span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span>
                                      </div>
                                      {postrow.displayed.POSTER_RANK}<br />
                                      <!-- <div class="rang_rpg_messages">{postrow.displayed.POSTER_RPG}</div>
                                      <div class="rpg_rpg_messages">{postrow.displayed.POSTER_RPG}</div> -->
                                    </div>
                                  </td>
                                </tr>

Code:

.rpg_cadre_sq_e {
 width: 90%;
   margin: auto;
   height: 150px;
   border: 1px solid white;
}
.pseudo_rpg_messages {
 text-align: center;
   text-transform: uppercase;
  
}
.pseudo_rpg_messages name { text-decoration: none; font-size: 18px; font-weight: bold;}
.pseudo_rpg_messages a { font-size: 18px;}
.rang_rpg_messages {}
.rpg_rpg_messages {}

Code:

$(function(){
$(function(){
var M14_color=$('a#fa_ranktitle span').css('color');
  if(M14_color)
  {
$('.rpg_cadre_sq_e').css('backgroundColor',M14_color);  
  }
})
 
});

Merci d'avance pour ceux qui prennent le temps de répondre à ma question !

[Σquila]

Problème résolu en suivant ce tutoriel !
http://fmdesign.forumotion.com/t230-add-a-classname-to-group-member-posts