AwesomeBB: Afficher une couleur de fond pour chaque catégorie

Helll wehba,

alors ce script va te permettre d'avoir quelque chose de concret , il faut déposer respectivement le titre de la catégorie dans chaque ligne dans le script suivant et attribuer un id .
Exemple avec cette ligne qui va donner l'id M14_CAT_0 à la catégorie 1 :

Le titre de ma catégorie est: Catégorie 1 , je l'ai donc reporté dans le script entre les parenthèses :

Code:

(Catégorie 1)

Code:


//CATEGORIE 1
$('h2.category-title span:contains(Catégorie 1)')


Puis je lui attribue un id:

Code:


.attr('id','M14_CAT_0');


Il faudra donc faire une ligne identique pour chaque catégorie:
Dans le script, tu as déjà 2 lignes, il faudra en ajouter autant que tu as de catégories.


Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mets un titre explicite.
Coches sur l'index.


Déposes ceci:

Code:


$(function(){
//CATEGORIE 1
$('h2.category-title span:contains(Catégorie 1)').closest('div.forum').attr('id','M14_CAT_0');
//CATEGORIE 2
$('h2.category-title span:contains(Catégorie 2)').closest('div.forum').attr('id','M14_CAT_1');
});



Penses a cliquer sur le bouton Valider

Puis on va styler tout cela en partant toujours de l'id :


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Déposes ceci:

Code:


/*START CATEGORIE 1*/
#M14_CAT_0 .forum-header
{
background-color:green;
}
#M14_CAT_0 .forum-section
{
border: 1px solid green; 
}
#M14_CAT_0 .forum-header  span ,#M14_CAT_0 .forum-header i
{
color:orange;
}
#M14_CAT_0 .forum-hide div
{
background-color:orange;
}
#M14_CAT_0  .forum-statistics span ,#M14_CAT_0  .forum-description p,#M14_CAT_0 .forum-lastpost i,#M14_CAT_0 .forum-lastpost ,#M14_CAT_0  a[href]
{
color:green; 
}
/*END CATEGORIE 2*/

/*START CATEGORIE 1*/
#M14_CAT_1 .forum-header
{
background-color:orange;
}
#M14_CAT_1 .forum-section
{
border: 1px solid orange; 
}
#M14_CAT_1 .forum-header  span,#M14_CAT_1 .forum-header i
{
color:white;
}
#M14_CAT_1 .forum-hide div
{
background-color:white;
}
#M14_CAT_1  .forum-statistics span ,#M14_CAT_1  .forum-description p,#M14_CAT_1 .forum-lastpost i,#M14_CAT_1 .forum-lastpost ,#M14_CAT_1 a[href]
{
color:orange; 
}
/*END CATEGORIE 2*/



La solution a été faite par votre faveur, vous êtes génial