Appliquer la couleur du groupe dans les posts

[Kendall]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Toujours
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour,

J'ai suivi plusieurs tutoriels qu'on m'avait conseillé pour cette méthode mais... ça ne fonctionne pas le moins du monde haha.
Actuellement j'ai suivi scrupuleusement celui-ci : https://forum.forumactif.com/t391694-donner-la-couleur-du-groupe-a-une-div

Mon but : Que la zone sous l'avatar avec le profil et la zone pseudo / date aient un background de la couleur du groupe défini ET que, du coup, le pseudo soit en blanc et les textes en noir.

Je ne sais pas quels codes vous fournirs pour l'instant donc n'hésitez pas à me demander ceux dont vous avez besoin

Merci !

[Invité]

Hello Kendall,

Il faudrait donner le contenu de ton template viewtopic_body:
Affichage/Templates/Général/viewtopic_body

Ainsi que la css associée  .

Ensuite,

et la zone pseudo / date aient un background de la couleur du groupe défini ET que, du coup, le pseudo soit en blanc et les textes en noir.

On se base sur la couleur du groupe donc pour le pseudo, cela me parait compliqué de mettre la couleur blanche ensuite....

a++

[Kendall]

Hello @Milouze14 && merci pour ta réponse.

J'ai mis les codes dans ce lien : https://jsfiddle.net/wt8z3xp9/1/

Pour la couleur de la typo, l'idée est qu'on puisse quand même voir le pseudo. Du coup si le pseudo est de la même couleur que le fond ça ne va pas se voir... :/

[Invité]

Hello Kendall,

tu peux supprimer le script car il n'est pas prévu pour ton fofo.
dans le template , recherches cette ligne (ligne 149 environ):

Code:


<td {postrow.displayed.THANK_BGCOLOR}  valign="top" width="100%" height="28">


Supprimes et remplaces par:

Code:


<td {postrow.displayed.THANK_BGCOLOR} class="M14_td" valign="top" width="100%" height="28">


Penses a enregistrer puis à valider en cliquant respectivement sur  puis


Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher  Sur les sujets

Déposes ceci:

Code:


$(function() {
//ON RECHERCHE LA COULEUR DU GROUPE
$('.pseudo_groupe span.name a[href^="/u"] span').each(function(){
//ON CREER UNE VARIABLE POUR RECUPERER LA COULEUR DU GROUPE
var ColoR=$(this).css('color');
//SI COULEUR ALORS ON DONNE UN STYLE AUX BALISES TROUVEES
if(ColoR)
{
//ON RECHERCHE LES DIVS COTE GAUCHE ET ON APPLIQUE LA COULEUR DE FOND ET LA COULEUR DU TEXTE
$(this).closest('td.M14_td').prev().find('div').css({'backgroundColor':''+ColoR+'','color':'black'});
//ON APPLIQUE LA COULEUR BLANCHE SUR LE PSEUDO
//ON RECHERCHE LA BALISE TR COTE DROIT
//ET ON APPLIQUE LA COULEUR DE FOND ET LA COULEUR DU TEXTE
$(this).css('color','white').closest('tr').find('td').css({'backgroundColor':''+ColoR+'','color':'black'});
}

});});



Penses à cliquer sur le bouton VALIDER



Normalement, tu dois avoir la couleur désirée .

a++

[Kendall]

Hello !
Okay c'est parfait ça fonctionne nickel ** Merci !

Puis-je insister en te demandant juste plus d'explication pour que je puisse reproduire le schèma sur de prochains design ?

Merci !

[Invité]

Re, de rien    .
J'ai édité mon message pour donner les commentaires appropriés:
https://forum.forumactif.com/t403755-appliquer-la-couleur-du-groupe-dans-les-posts#3367963

Alors dans le script:

Code:


//on recherche la couleur du groupe ici
var ColoR=$(this).css('color');


Puis a partir du pseudo,
on applique le style aux deux divs la couleur de fond et la couleur aux textes côté gauche:

Code:


$(this).closest('td.M14_td').prev().find('div').css({'backgroundColor':''+ColoR+'','color':'black'});


On impose une couleur blanche au pseudo,on recherche la balise parent (tr) puis la couleur de fond et la couleur aux textes côté droit:

Code:


$(this).css('color','white').closest('tr').find('td').css({'backgroundColor':''+ColoR+'','color':'black'});


Et voilou.

a++

[Kendall]

Du coup, si j'applique ce code sur "n'importe quel" forum, ça devrait fonctionner ?
Il suffit que j'insère la class M14_td dans la variable que je souhaite utiliser. J'ai bon ?

[Invité]

Re,

Du coup, si j'applique ce code sur "n'importe quel" forum, ça devrait fonctionner ?
Il suffit que j'insère la class M14_td dans la variable que je souhaite utiliser. J'ai bon ?

En aucune façon cher ami.
Ce script est conçu pour ton template .

a++

[Kendall]

Okay du coup si jamais j'ai de nouveau besoin de ce code, je repasserais par ici jusqu'à comprendre à 100% comment l'utiliser xD

Merci encore

[Invité]

Re,
pas de soucis .
Juste pour information:

Si c'est un fofo phpbb2 et que tu déposes le même contenu que ton template, ce sera fonctionnel.

a++