[PHPBB2] Coloriser individuellement les catégories

,

l'astuce consiste a coloriser les titres des catégories et les éléments suivants:Sujets ,Messages et Derniers Messages .
Voir l'aperçu imagé :

Spoiler:

Pour que cette astuce fonctionne, il faut que dans votre PA vous sépariez les catégories:
Affichage/Page d'acceuil/    
Structure et hiérarchie/Séparer les catégories sur l'index :

Ensuite les trois modes fonctionnent    .


Il faut dans un premier temps repérer le titre de la catégorie concernée
et insérer ce dernier dans la partie du javascript
Puis à l'aide de la css vous pourrez personnaliser chaque cellule.

Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur toutes les pages.

Code:



$(function(){
//PREMIERE CATEGORIE
$('th.secondarytitle h2:contains("TITRE PREMIERE CATEGORIE")').closest('tr').addClass('M14_Cat_1');
//DEUXIEME CATEGORIE
$('th.secondarytitle h2:contains("TITRE DEUXIEME CATEGORIE")').closest('tr').addClass('M14_Cat_2');
//TROISIEME CATEGORIE
$('th.secondarytitle h2:contains("TITRE TROISIEME CATEGORIE")').closest('tr').addClass('M14_Cat_3');
//QUATRIEME CATEGORIE
$('th.secondarytitle h2:contains("TITRE QUATRIEME CATEGORIE")').closest('tr').addClass('M14_Cat_4');
});



Pensez a cliquer sur le bouton


Il faut donc changer a chaque ligne nommée "TITRE XX CATEGORIE"
par le nom de votre  catégorie


Pour l'exemple imagé le code est ainsi :

Code:


$('th.secondarytitle h2:contains("Premiere catégorie")').closest('tr').addClass('M14_Cat_1');


On voit ensuite que j'ai attribué une class au tr (M14_Cat_1)
qui englobe les cellules.
A partir de là on va pouvoir faire ce que l'on souhaite pour cette catégorie.
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Code:


/*Premiere catégorie*/
.M14_Cat_1 th h2, .M14_Cat_1 th{color:red;}
/*Deuxieme catégorie*/
.M14_Cat_2 th h2, .M14_Cat_2 th{color:green;}
/*Troiseme catégorie*/
.M14_Cat_3 th h2, .M14_Cat_3 th{color:pink;}
/*Quatrieme catégorie*/
.M14_Cat_4 th h2, .M14_Cat_4 th{color:yellow;}


Pensez à valider les modifications en cliquant sur le bouton  

Pour l'exemple j'ai simplement déposé une couleur aux cellules,
mais vous aussi changer la couleur de fond etc etc.

Merci beaucoup !

Merci beaucoup !

Merci

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !