Couleurs différentes par Catégorie

[papa pig]

A l'attention de Milouze14,
concernant son post :
https://forum.forumactif.com/t394828-couleurs-differentes-par-categorie#3305078

Bonjour,
Cette méthode est super, mais regarde cet exemple (forum test) :
- la catégorie diffusion sur l'index : http://bf-v21.forumactif.com/forum
- la catégorie diffusion en page "sous-forum" : http://bf-v21.forumactif.com/c3-diffusion

Peut-on résoudre ce soucis ? car j'aimerais utiliser ta méthode si ce problème pouvait se résoudre.
Merci

[Invité]

Hello papa pig,
hum le sujet était pour la version phpbb3 et non Modernbb .

a++

[papa pig]

Ah oui d'accord... Désolé. Pourtant ça fonctionne sur l'index ! Dommage, c'était mieux pensé que ce que j'ai ...
Tu saurais l'adapter stp ? merci

[Invité]

Re,
il va falloir entourer tous les titres de catégories par cette class afin d'éviter de choper une couleur d'une autre balise span.
Comme ceci:

Code:

<span class="M14_Cat" style="color:black;">NOM DE CATEGORIE</span>

alors sous cette version, il manque le fil d’Ariane.
On va donc l'ajouter afin de pouvoir s'en servir lorsque l'on est hors index.

Dans le template index_box:
Affichage/Templates/Général/index_box

Recherches ceci:

Code:


<!-- BEGIN catrow -->


Juste avant , déposes ceci:

Code:


<div class="sub-header-path">
 <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
 {NAV_CAT_DESC}
</div> <br />


Penses à enregistrer puis à valider en cliquant respectivement sur   puis

Ensuite il faut éditer le script:
supprimes le contenu et coches sur toutes les pages:

Code:


$(function(){
  $('.forabg').each(function(){
var M14_colorCat=$(this).find('.table-title h2 span.M14_Cat').css('color');
  $(this).css('background-color',M14_colorCat);
  $(this).find('.table-title h2 span.M14_Cat').css('color','white');
  $(this).find('.topiclist.forums li,.topiclist.forums dd').css('borderColor',M14_colorCat);
});
$('#wrap').each(function(){
var M14_colorCat=$(this).find('.sub-header-path span.M14_Cat').css('color');
$(this).find('.sub-header-path a.nav').css('color',M14_colorCat);
$(this).find('.forumbg,.forabg').css('background-color',M14_colorCat);
$(this).find('.table-title  span.M14_Cat').css('color','white');
});

});




Le script agira sur l index, sur une catégorie et aussi sur la liste des sujets  .

a++

[papa pig]

Génial. Merci 1000 fois Milouze14. Quel talent ...
Super d'avoir une aide comme ça ici.
Merci.

PS : juste 2 points pour ma part (car d'autres y trouveront leur compte) :
- sur l'index, j'aurais aimé que la couleur des bordures (li.row > border-color) reste d'origine

Voir la capture:

- le fil d'ariane (merci au passage), idem, qu'il reste de la couleur par défaut

Voir la capture:

[Invité]

Hello papa pig,

pour supprimer les bordures il faut supprimer cette ligne:

Code:

$(this).find('.topiclist.forums li,.topiclist.forums dd').css('borderColor',M14_colorCat);

Le script modifié:

Code:


$(function(){
  $('.forabg').each(function(){
var M14_colorCat=$(this).find('.table-title h2 span.M14_Cat').css('color');
  $(this).css('background-color',M14_colorCat);
  $(this).find('.table-title h2 span.M14_Cat').css('color','white');
 
});
$('#wrap').each(function(){
var M14_Ariane=$(this).find('.sub-header-path a.nav').css('color');
var M14_colorCat=$(this).find('.sub-header-path span.M14_Cat').css('color');
$(this).find('.sub-header-path a.nav,.sub-header-path span.M14_Cat').css('color',M14_Ariane);
$(this).find('.forumbg,.forabg').css('background-color',M14_colorCat);
$(this).find('.table-title  span.M14_Cat').css('color','white');
});

});



Le fil d'Ariane devrait retrouver sa couleur .

Bon réveillon .

a++

[papa pig]

Un très grand merci Milouze14, t'es top. C'est ... :
Bon réveillon à toi aussi, et meilleurs vœux pour l'année qui arrive dans ~ 12h !

[Invité]

Re,
de rien mon ami .


a++