Une couleur de fond différentes pour chaque catégorie ?

[Piedro63]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 15/09/21
Lien du forum : https://playnitude.forumactif.com/

Description du problème

Bonjour.

Je sur un cours de réalisation de mon forum et j'aurais aimé savoir si nous avions la possibilité d'avoir une couleur de fond différentes pour chaque catégorie ?

Dans mon forum, chaque catégorie représente un jeu en ligne. Et j'aurais aimé que chaque jeu est sa propre couleur pour une meilleure lisibilité.

Est-ce possible ou pas ?
* Je vous joint une capture. Actuellement chaque catégorie est en bleu. J'aurais aimé avec 5 couleurs différentes, une par catégorie


Merci
Piedro

[Oka.mi]

Bonjour,

Vous avez une solution qui a été proposée ici : https://forum.forumactif.com/t385424-couleur-differente-pour-chaque-en-tete-categories#3243043

[Piedro63]

Merci Okay.mi

Malheureusement je ne maîtrise absolument pas Java et CSS.
Du coup, et malgré les différents sujet où je peux trouver des solutions, je suis bloqué.

[Piedro63]

Si quelqu'un est plus doué que moi.

J'aimerais que les fonds aient ces codes couleurs
- catégorie 1 : #0B74B5
- catégorie 2 : #00800F
- catégorie 3 : #E8511E
- catégorie 4 : #6A2182
- catégorie 5 : #a6a8a3

Si vous avez une marche à suivre, je suis preneur

[Invité]

Hello Piedro63,
malheureusement on va être plus ou moins obligé de passer par ce procédé.
Voici une astuce qui fonctionne.
On va mettre une balise span avec une class et une couleur dans la description de chaque catégorie.
Il faudra penser a cliquer sur le bouton   à chaque fois .

Pour cela:
Édites  la première qui se nomme XVMANAGER

Exemple sur mon fofo de tests:





puis après le nom déposes ceci:

Code:

<span class="M14_color"style="color:#0B74B5;"></span>

Édites la deuxième ( 11MANAGER )après le nom déposes ceci:

Code:

<span class="M14_color"style="color:#00800F;"></span>

Édites la troisième ( 5MANAGER ) après le nom déposes ceci:

Code:

<span class="M14_color"style="color:#E8511E;"></span>

Édites la quatriéme ( HAND MANAGER )après le nom déposes ceci:

Code:

<span class="M14_color"style="color:#6A2182;"></span>

Édites  la cinquième ( PLAYNITUDE ) après le nom déposes ceci:

Code:

<span class="M14_color"style="color:#a6a8a3;"></span>

Donc tu devrais te retrouver avec le nom de la catégorie et le code ensuite comme le montre la capture suivante:
Juste après le nom de ma catégorie (nommée Première catégorie) j'ai déposé le style après ce texte.
Il faudra faire l'identique sur les catégories restantes.




Puis le script qui fera le reste ) .
Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher sur l'index.


Déposes ceci:

Code:


$(function(){
$('th.secondarytitle').each(function(){
var $this=$(this).parent().find('th');
var color=$(this).find('span.M14_color').css('color');
if(color)
{
$this.css('background-color',color);
}});});


Penses à cliquer sur le bouton VALIDER

a++

[Piedro63]

Parfait, c'est tout beau
Merci beaucoup pour votre aide