Couleur de groupe en fond de pseudo

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Couleur de groupe en fond de pseudo

Message par Kidd Mer 10 Mar 2021 - 20:19

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 : Couleur de groupe en fond de pseudo XTrLYasw_o

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 I love you
Kidd

Kidd
Nouveau membre

Messages : 1
Inscrit(e) le : 10/03/2021

Voir le profil de l'utilisateur https://abladesosharp.forumactif.com
Kidd a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Couleur de groupe en fond de pseudo

Message par Self Jeu 11 Mar 2021 - 10:32

Bonjour Kidd et bienvenue sur le FDF Mr. Green !

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
Self

Self
Membre actif

Masculin
Messages : 3827
Inscrit(e) le : 13/06/2013

Voir le profil de l'utilisateur https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur de groupe en fond de pseudo

Message par Chacha Mar 16 Mar 2021 - 9:20

Couleur de groupe en fond de pseudo 4qhGdLE
Bienvenue sur le forum de support de Forumactif

Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser :
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.
Couleur de groupe en fond de pseudo UmaslZ4Bonjour,

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

Chacha
Modéractif
Modéractif

Masculin
Messages : 67157
Inscrit(e) le : 21/08/2010

Voir le profil de l'utilisateur https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Couleur de groupe en fond de pseudo

Message par Chacha Mer 17 Mar 2021 - 9:30

Couleur de groupe en fond de pseudo 8djze9qBonjour,

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.
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 67157
Inscrit(e) le : 21/08/2010

Voir le profil de l'utilisateur https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum