Membres connectés récemment
AwesomeBB: Afficher une couleur de fond pour chaque catégorie
2 participants
Page 1 sur 1
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 :
Puis je lui attribue un id:
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:
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:
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*/
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum