[phpBB3] Catégories de différentes couleurs

Hi,
Voici une astuce qui permet d'attribuer des couleurs différentes aux catégories et leurs sous-forums.

Voir :

Ce tuto est fait pour un forum qui contient 6 catégories ( à adapter selon vos besoins )

Dirigez-vous ici :

Panneau d’administration ► Général ► Forum ► Catégories et forums


- Cliquez sur l'icône "    " de chaque catégorie
- Inscrire le nom de vos catégories entre balises span, ainsi :

Code:

<span class="cat1">NOM DE LA CATÉGORIE</span>

Cat2 pour la catégorie 2, cat3 pour la catégorie 3, etc...

Direction le javascript

Panneau d'administration / Modules / HTML & JAVASCRIPT / Gestion des codes javascript


Mettre ce script sur toutes les pages :

Code:

$(function(){
          $("span.cat1").parents('.forabg, .topic-actions').attr('id','cat1');
          $("span.cat2").parents('.forabg, .topic-actions').attr('id','cat2');
          $("span.cat3").parents('.forabg, .topic-actions').attr('id','cat3');
          $("span.cat4").parents('.forabg, .topic-actions').attr('id','cat4');
          $("span.cat5").parents('.forabg, .topic-actions').attr('id','cat5');
          $("span.cat6").parents('.forabg, .topic-actions').attr('id','cat6');
});

Pensez à  



Direction le CSS

Panneau d'administration / Affichage / Images et Couleurs / Couleurs / Feuille de style CSS


Mettre ce code à la CSS :

Code:

/***Couleur des titres de catégories et sous-forums***/
.forabg, .forumbg {
  background: none !important;
}
/* catégorie 1 avec ses sous forums et sujets */
div#cat1:not(.topic-actions), #cat1 ~ .forumbg  {
  background-color: red !important;
}
/* catégorie 2 avec ses sous forums et sujets */
div#cat2:not(.topic-actions), #cat2 ~ .forumbg  {
  background-color: green !important;
}
/* catégorie 3 avec ses sous forums et sujets */
div#cat3:not(.topic-actions), #cat3 ~ .forumbg  {
  background-color: #69c !important;
}
/* catégorie 4 avec ses sous forums et sujets */
div#cat4:not(.topic-actions), #cat4 ~ .forumbg  {
  background-color: #69c !important;
}
/* catégorie 5 avec ses sous forums et sujets */
div#cat5:not(.topic-actions), #cat5 ~ .forumbg  {
  background-color: #69c !important;
}
/* catégorie 6 avec ses sous forums et sujets */
div#cat6:not(.topic-actions), #cat6 ~ .forumbg  {
  background-color: darkseagreen !important;
}
/***Fin Couleur des titres de catégories et sous-forums***/

Pensez à  

Même si vous ne voulez changer que 2 catégories au niveau de la couleur de background il est important d'appliquer cette astuce à l'ensemble des catégories.
Sur l'exemple donné ici les catégories 1 & 2 ont chacune leur couleur, les catégories 3, 4 & 5 ont la même couleur et la dernière catégorie, la 6, à sa propre couleur

:u1:

À bientôt

---

Bonjour,
j'essaie d'appliquer cette astuce mais je dois dire que cela ne fonctionne pas sur mon forum phpBB3.

Si je renomme les catégories comme montrer sur l'astuce  j'obtiens cela :

Code:

<span class="cat1">NOM DE LA CATÉGORIE</span>

.

Donc les codes HTML ne sont pas activés sur le forum pour les titres.
Et pour le module dont vous parlez, je ne l'ai jamais vu dans la liste : " Panneau d'administration / Modules / HTML & JAVASCRIPT / Gestion des codes javascript ". S'il faut le créer, un petit didacticiel serait super bien. J'ai cherché partout mais rien trouvé.

En tout cas, merci pour votre forum rempli d'autres trucs et astuces géniallissimes.
à bientôt
Patrick

Salut patyan38,
Bienvenue sur le forum
Cette astuce concerne les forums Forumactif, visiblement tu utilises un forum phpBB.
Inscrit toi ici : https://caforum.fr/forum/

Thanks you