[AwesomeBB] Catégories de différentes couleurs
Page 1 sur 1•Partagez
- Splash
StaffAdmin - Code:
$(function(){
$('h2.category-title span:contains("Titre de la catégorie 1")').closest('div').attr('id','M14_CAT_0');
$('h2.category-title span:contains("Titre de la catégorie 2")').closest('div').attr('id','M14_CAT_1');
$('h2.category-title span:contains("Titre de la catégorie 3")').closest('div').attr('id','M14_CAT_2');
$('h2.category-title span:contains("Titre de la catégorie 4")').closest('div').attr('id','M14_CAT_3');
});- Code:
/* CATEGORIES EN COULEUR */
/*DEBUT PREMIERE CATEGORIE*/
#M14_CAT_0.forum-header
{
background-color: couleur cat 1;
}
#M14_CAT_0.forum-header span
{
color: couleur du titre;
}
/*FIN PREMIERE CATEGORIE*/
/*DEBUT DEUXIÈME CATEGORIE*/
#M14_CAT_1.forum-header
{
background-color: couleur cat 2;
}
#M14_CAT_1.forum-header span
{
color: couleur du titre;
}
/*FIN DEUXIÈME CATEGORIE*/
/*DEBUT TROISIÈME CATEGORIE*/
#M14_CAT_2.forum-header
{
background-color: couleur cat 3;
}
#M14_CAT_2.forum-header span
{
color: couleur du titre;
}
/*FIN TROISIÈME CATEGORIE*/
/*DEBUT QUATRIÈME CATEGORIE*/
#M14_CAT_3.forum-header
{
background-color: couleur cat 4;
}
#M14_CAT_3.forum-header span
{
color: couleur du titre;
}
/*FIN QUATRIÈME CATEGORIE*/
/* FIN CATEGORIES EN COULEUR */
Mettre ce code javascript Sur l'index :
Chaque ligne de code ajoute un ID aux catégories à colorer (CAT_0 - CAT_1 - CAT_2 - CAT_3) et ainsi de suite suivant le nombres de catégories
Ensuite pour affecter les couleurs il faut mettre ce code à la Feuille de style CSS :
Le background-color correspond à la couleur de fond des catégories
Le color correspond à la couleur de texte des titres des catégories
En image cela donne ceci :
Les catégories 1 & 4 ont une couleur identique
Les catégories 2 & 3 ont chacune une couleur attitrée
Chaque ligne de code ajoute un ID aux catégories à colorer (CAT_0 - CAT_1 - CAT_2 - CAT_3) et ainsi de suite suivant le nombres de catégories
Ensuite pour affecter les couleurs il faut mettre ce code à la Feuille de style CSS :
Le background-color correspond à la couleur de fond des catégories
Le color correspond à la couleur de texte des titres des catégories
En image cela donne ceci :
Les catégories 1 & 4 ont une couleur identique
Les catégories 2 & 3 ont chacune une couleur attitrée
NIK SIURI aime ce message
Sujets similaires
Inscrivez-vous ou connectez-vous 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 forumSujets les plus actifs
Sujets les plus vus
Meilleurs posteurs
Mer 31 Jan 2024 - 13:03 par NIK SIURI
» » Réduire la hauteur des catégories
Mer 31 Jan 2024 - 12:59 par NIK SIURI
» » [AwesomeBB] Ajout d'un bloc de connexion/enregistrement en bas de page
Mer 31 Jan 2024 - 12:35 par NIK SIURI
» » Afficher les avatars en forme rectangulaire
Mer 31 Jan 2024 - 11:47 par NIK SIURI
» » Modifier la partie des stats en début de qeel
Mer 31 Jan 2024 - 11:45 par NIK SIURI
» » Mettre une image au qeel
Mer 31 Jan 2024 - 11:37 par NIK SIURI
» » Rendre l'image du header cliquable
Mer 31 Jan 2024 - 11:34 par NIK SIURI
» » Elargir le cadre de la boite de smileys
Mer 31 Jan 2024 - 11:33 par NIK SIURI
» » [phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème
Mer 31 Jan 2024 - 10:29 par NIK SIURI
» » Catégories rétractables sur l'index
Mer 31 Jan 2024 - 10:17 par NIK SIURI
» » [phpBB3] Catégories de différentes couleurs
Mer 31 Jan 2024 - 10:17 par NIK SIURI
» » [phpBB3] Ajout d'un bloc de connexion/enregistrement en bas de page
Mer 31 Jan 2024 - 10:07 par NIK SIURI
» » Centrer l'avatar, le pseudo & le rang dans les messages
Mer 31 Jan 2024 - 10:06 par NIK SIURI
» » Modifier l'icône "On-line"
Mar 23 Mai 2023 - 19:15 par Kionk
» » Insérer des boutons "Haut" & "Bas" de forum
Mar 23 Mai 2023 - 11:40 par Kionk