Style de tag en fonction du groupe

[Yunie16]

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour !

Je suis en train de travailler l'esthétique des tags pour mon forum-test, et j'ai eu l'idée qu'ils s'affichent d'une couleur différente selon le groupe de la personne tagguée.
Seulement, vous me voyez venir, je sais pas comment faire... J'ai fouillé un peu ici et je trouve des demandes pour des "divs" colorées selon les groupes, avec du Javascript etc... mais je ne sais pas si c'est pareil pour les tags ?

Tant que maintenant mon code pour les tags ressemble à ça :

Code:

.mentiontag, .mentiontag:link, .mentiontag:visited {  background: none; 
color: black;
font-family:Ink Free;
font-size:15px;
font-weight:bold;}
.mentiontag:hover, .mentiontag:active {  background: none; 
color: var(--couleur-secondaire);}

Et du coup j'ai cinq groupes avec les couleurs suivantes :
Sagwa : color:#a5db99;
Ttalgi : color:#bf6969;
Lemon : color:#dbd399;
Boksunga : color:#db7da5;
Jadu : color:#cc99db;

Si jamais c'est trop complexe c'est pas grave, je mettrai une couleur neutre, c'est juste une potite fantaisie de ma part xD

Merci d'avance si quelqu'un a une idée !

[Toryudo]

Bonjour !

Après avoir observé un peu le forum, il y a moyen, oui.
Le principe du script serait de regarder le code de la page profil du membre tagué et de récupérer la couleur de son pseudo directement (couleur qui doit être la couleur de son groupe à priori). Par exemple, si on tague Amnesia, alors le script va regarder la couleur du pseudo dans la page https://dwell-test-forum.forumactif.com/u1 qui se trouve être #837070

Je ne peux pas trop tester parce que je ne trouve pas de post avec des tags sur votre forum, mais normalement, ce code doit fonctionner :

Code:

$(function(){
  $('.mentiontag').each(function(){
    let tag = $(this);
    $.get( $(this).attr('href'), function( data ) {
      tag.css('color', $(data).find('.pseudo-der-vis span').css('color'));
    });
  });
});

A noter que plus il y a de tag sur une page, plus ce sera "long à charger" !

[Yunie16]

Oh super, ça fonctionne très bien **
Je m'attendais à un truc hyper complexe ! Merci beaucoup !
Voilà le résultat :

[Yunie16]

J'ai oublié de mettre en résolu pardon /sort