catégorie /forum de couleur différente

[filloux]

Bonjour

j'ai utilisé vos tutos pour définir les couleurs des catégories ( code ci dessous),
très bien cela fonctionne (merci )

Ce que je souhaiterais c'est fixé les couleurs à des catégories précises ,car lorsque l'on est invité ou membre la couleur diffère en fonction des permissions définis .

Est ce possible de définir une catégorie précise = une couleur?

2ème point:

Je souhaiterais que les couleurs des catégories soient étendus au forum/sujet

Merci


Edition en résolu , super merci




CSS

Code:


 
/*** --- Couleurs de fond des catégories ---*/
 
ul.linklist:not(.navlinks):nth-of-type(1) + div {
    color: red !important;
    background: red !important;
}
ul.linklist:nth-of-type(1) + div + div {
    color: blue !important;
    background: blue !important;
}
ul.linklist:nth-of-type(1) + div + div + div {
    color: orange !important;
    background: orange !important;
}

Javascript

Code:

$(function () {
  // Ajout id pour chaque catégorie
  var n = 1;
  $( '.linklist ~ .forabg' ).each(function() {
      $(this).attr('id', 'cate'+n+'');
      n++;
  });
});

[Invité]

Bonjour,

Je vais vous proposer une autre façon de faire qui serait sûrement plus adaptée à votre demande et à votre version de forum(phpbb3) par conséquent il faudrait svp retirer vos deux codes

Dans votre panneau d'administration allez à :
- Général
- Forum
- Catégories et forums
- Cliquez sur l'icône " " de chaque catégorie
- Insérez ce code là juste avant le titre de votre catégorie :

Code:

<span class="cat1">

Pour les autres catégories il faudra faire la même chose exemple :

Code:

<span class="cat2">

Ensuite dans la gestion des codes javascript sur toutes les pages mettez ce code :

Code:

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

Et dans votre feuille de style css mettez ce code :

Code:

.forabg, .forumbg {
  background: none !important;
}
/* catégorie 1 avec ses sous forums et sujets */
div#cat1:not(.topic-actions), #cat1 ~ .forumbg, #cat1 ~ .post {
  background-color: red !important;
}
/* catégorie 2 avec ses sous forums et sujets */
div#cat2:not(.topic-actions), #cat2 ~ .forumbg, #cat2 ~ .post {
  background-color: green !important;
}

J'ai pris comme base deux catégories mais vous avez compris le système je pense enfin j'espère il suffit de faire comme expliqué plus haut si vous avez un soucis n'hésitez pas

Bye

[filloux]

bonjour

Oui , j'ai compris le système

Et non pas de soucis ,

super

Merci