Les forums Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Compteur de visites gratuit
Annonces
CAForum est aussi un forum d'aide pour phpBB. Voici le lien du forum : https://forums.caforum.fr
Vous voulez créer un forum sans publicités tout en étant propriétaire de votre base de données ?
Contactez moi sur le forum !
CAForum infos
Derniers sujets
» » Bouton MP "Répondre" adapté à la version ModernBB
[AwesomeBB] Catégories de différentes couleurs Clock-10Mer 31 Jan 2024 - 13:03 par NIK SIURI

» » Réduire la hauteur des catégories
[AwesomeBB] Catégories de différentes couleurs Clock-10Mer 31 Jan 2024 - 12:59 par NIK SIURI

» » [AwesomeBB] Ajout d'un bloc de connexion/enregistrement en bas de page
[AwesomeBB] Catégories de différentes couleurs Clock-10Mer 31 Jan 2024 - 12:35 par NIK SIURI

» » Afficher les avatars en forme rectangulaire
[AwesomeBB] Catégories de différentes couleurs Clock-10Mer 31 Jan 2024 - 11:47 par NIK SIURI

» » Modifier la partie des stats en début de qeel
[AwesomeBB] Catégories de différentes couleurs Clock-10Mer 31 Jan 2024 - 11:45 par NIK SIURI

» » Mettre une image au qeel
[AwesomeBB] Catégories de différentes couleurs Clock-10Mer 31 Jan 2024 - 11:37 par NIK SIURI

» » Rendre l'image du header cliquable
[AwesomeBB] Catégories de différentes couleurs Clock-10Mer 31 Jan 2024 - 11:34 par NIK SIURI

» » Elargir le cadre de la boite de smileys
[AwesomeBB] Catégories de différentes couleurs Clock-10Mer 31 Jan 2024 - 11:33 par NIK SIURI

» » [phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème
[AwesomeBB] Catégories de différentes couleurs Clock-10Mer 31 Jan 2024 - 10:29 par NIK SIURI

» » Catégories rétractables sur l'index
[AwesomeBB] Catégories de différentes couleurs Clock-10Mer 31 Jan 2024 - 10:17 par NIK SIURI

» » [phpBB3] Catégories de différentes couleurs
[AwesomeBB] Catégories de différentes couleurs Clock-10Mer 31 Jan 2024 - 10:17 par NIK SIURI

» » [phpBB3] Ajout d'un bloc de connexion/enregistrement en bas de page
[AwesomeBB] Catégories de différentes couleurs Clock-10Mer 31 Jan 2024 - 10:07 par NIK SIURI

» » Centrer l'avatar, le pseudo & le rang dans les messages
[AwesomeBB] Catégories de différentes couleurs Clock-10Mer 31 Jan 2024 - 10:06 par NIK SIURI

» » Modifier l'icône "On-line"
[AwesomeBB] Catégories de différentes couleurs Clock-10Mar 23 Mai 2023 - 19:15 par Kionk

» » Insérer des boutons "Haut" & "Bas" de forum
[AwesomeBB] Catégories de différentes couleurs Clock-10Mar 23 Mai 2023 - 11:40 par Kionk

Mars 2024
LunMarMerJeuVenSamDim
    123
45678910
11121314151617
18192021222324
25262728293031

Calendrier Calendrier

Le Deal du moment :
Fnac : 2 Funko Pop achetées : le 3ème ...
Voir le deal

[AwesomeBB] Catégories de différentes couleurs

Voir le sujet précédent Voir le sujet suivant Aller en bas

Splash

StaffAdmin
StaffAdmin
Splash

MessageSplash Dim 23 Sep 2018 - 13:58

  • MP
  • Zoom
Mettre ce code javascript Sur l'index :
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');
});

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 :
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 */

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 :

[AwesomeBB] Catégories de différentes couleurs Cateag10

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

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Inscrivez-vous ou connectez-vous pour répondre

Vous devez être membre pour répondre.

Nous rejoindre

Inscrivez-vous pour participer au forum !


Nous rejoindre

Connexion

Vous êtes membre du forum, cliquez ici pour vous connecter.


Connexion

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum