Couleur de groupe en fond de pseudo

[Kidd]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Opera, Safari
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : /
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour bonsoir!
Je viens faire appel à vous ce soir car malheureusement je n'ai pas trouvé, même après des recherches, de réponses à ma question - ou alors, je n'ai pas réussi à adapter un code trouvé (celui-ci) à ce que je veux faire.
J'aimerais, sur mon forum, que les couleurs de groupe apparaissent dans un bloc en fond de pseudo dans le profil dans l'affichage des sujets, de cette façon :

J'ai tenté d'adapter le code trouvé dans le lien que j'ai cité mais j'avoue ne pas trop savoir comment faire... mes connaissances en js sont limitées, je ne sais pas où placer la span qui est autour du rang dans le tutoriel pour que ça passe au niveau du pseudo, et je me retrouve assez perdue.

Est-ce que quelqu'un saurait m'aider? Merci d'avance

[Self]

Bonjour Kidd et bienvenue sur le FDF !

Je ne vois pas les groupes de votre forum comme vous l'avez mit en maintenance. Mais dans la pratique ce que vous cherchez à faire est possible. Et ça pourrait donner quelque chose comme ça :

Code:

/*On liste les groupes et leur couleurs dans un objet*/
var grp = {
   /*ici la classe que l'on ajoutera*/'g1': /*ici la couleur du groupe en rgb*/'rgb(0, 0, 153)',
   'g2': 'rgb(240, 0, 0)'
}, users = document.querySelectorAll('a[href^="/u"] span'), nolink = document.querySelectorAll('.forumline span[style]');
/*On parcours les liens*/
for(var i = 0; i < users.length; i++){
   for(var p in grp){
      /*On vérifie à quel groupe correspond la couleur et on applique la classe en conséquence*/
      if(users[i].style.color == grp[p]) users[i].classList.add(p);
   }
}
/*On parcours les noms qui ne sont pas des liens, pour ie, opéra...*/
for(var j = 0; j < nolink.length; j++){
   for(var p in grp){
      /*On vérifie à quel groupe correspond la couleur et on applique la classe en conséquence*/
      if(nolink[j].style.color == grp[p]) nolink[j].classList.add(p);
   }
}

Ensuite on personnalise dans la feuille de style CSS avec des instructions dans ce style :

Code:

.g1{ display: inline-block; background: #ff0000;}
.g2{...}

Et le code javascript une fois personnalisé serait à placer à la fin du template overall_footer_end avant la balise </body> comme ceci :

Code:

<script>
var grp = {
   'g1': 'rgb(0, 0, 153)',
   'g2': 'rgb(240, 0, 0)'
}, users = document.querySelectorAll('a[href^="/u"] span'), nolink = document.querySelectorAll('.forumline span[style]');
for(var i = 0; i < users.length; i++){
   for(var p in grp){
      if(users[i].style.color == grp[p]) users[i].classList.add(p);
   }
}
for(var j = 0; j < nolink.length; j++){
   for(var p in grp){
      if(nolink[j].style.color == grp[p]) nolink[j].classList.add(p);
   }
}
</script>

Les couleurs des groupes étant en hexadécimal dans le panneau d'administration vous pouvez les convertir en rgb sur ce site : https://www.rapidtables.com/convert/color/hex-to-rgb.html

[Chacha]

Bienvenue sur le forum de support de Forumactif Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser : L'importance de garder secret l'email de fondation, Sécurité : ce qu'il ne faut pas faire, Liste des questions et réponses fréquentes, Liste des trucs et astuces, La fonction rechercher N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est archivé afin de ne pas perdre les réponses apportées.