Couleur de background selon la catégorie

Voir :

Code:

<span class="cat1">

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

Voir :

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');
});

Code:

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

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

Dans cette astuce il est question de placer un code javascript et un code à la feuille de style (CSS), si vous n'êtes pas à l'aise avec ces démarches il existe ces tutos d'aide ici :

> Le javascript
> La CSS