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
» » Ajouter un fil d'Ariane sur les catégories
[ModernBB] Catégories de différentes couleurs Clock-10Lun 28 Oct 2024 - 8:48 par Kionk

» » Centrer l'avatar, le pseudo & le rang dans les messages
[ModernBB] Catégories de différentes couleurs Clock-10Dim 27 Oct 2024 - 14:19 par Kionk

» » Modifier les icônes et textes des boutons "Afficher" et "Cacher" des catégories
[ModernBB] Catégories de différentes couleurs Clock-10Jeu 24 Oct 2024 - 1:23 par Kionk

» » Ajouter son copyright
[ModernBB] Catégories de différentes couleurs Clock-10Ven 19 Juil 2024 - 23:11 par Noxys

» » Bouton MP "Répondre" adapté à la version ModernBB
[ModernBB] Catégories de différentes couleurs Clock-10Mer 31 Jan 2024 - 13:03 par NIK SIURI

» » Réduire la hauteur des catégories
[ModernBB] 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
[ModernBB] Catégories de différentes couleurs Clock-10Mer 31 Jan 2024 - 12:35 par NIK SIURI

» » Afficher les avatars en forme rectangulaire
[ModernBB] 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
[ModernBB] Catégories de différentes couleurs Clock-10Mer 31 Jan 2024 - 11:45 par NIK SIURI

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

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

» » Elargir le cadre de la boite de smileys
[ModernBB] 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
[ModernBB] Catégories de différentes couleurs Clock-10Mer 31 Jan 2024 - 10:29 par NIK SIURI

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

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

Décembre 2024
LunMarMerJeuVenSamDim
      1
2345678
9101112131415
16171819202122
23242526272829
3031     

Calendrier Calendrier

Le Deal du moment : -60%
OtterBox – Batterie externe avec chargement sans ...
Voir le deal
19.99 €

[ModernBB] Catégories de différentes couleurs

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

Splash

StaffAdmin
StaffAdmin
Splash

MessageSplash Mar 12 Nov 2019 - 1:20

  • MP
  • Zoom
Hi,
Voici une astuce qui vous permettra d'attribuer une couleur par catégorie

Voir :




Direction le javascript

Panneau d'administration / Modules / HTML & JAVASCRIPT / Gestion des codes javascript


Mettre ce script sur l'index :
Code:
$(function () {
       // Ajout id pour chaque catégorie
       var n = 1;
       $( '.linklist ~ .forabg' ).each(function() {
          $(this).attr('id', 'cate'+n+'');
          n++;
       });
    });

Pensez à   Valider 2


Direction le CSS

Panneau d'administration / Affichage / Images et Couleurs / Couleurs / Feuille de style CSS


Mettre ce code CSS :
Code:
.forabg { border-radius: 4px; }
#cate2.forabg li.header { background-color: #aaaaaa; border-radius: 3px 3px 0 0; }
#cate3.forabg li.header { background-color: #bbbbbb; border-radius: 3px 3px 0 0; }
#cate4.forabg li.header { background-color: #cccccc; border-radius: 3px 3px 0 0; }
#cate5.forabg li.header { background-color: #dddddd; border-radius: 3px 3px 0 0; }

Pensez à  Valider 2




:u1:
À bientôt
Bye




  Pour bien réaliser cette astuce
Like a Star @ heaven  Dans cette astuce il est question de placer un code javascript et un code à la feuille de style (CSS), si vous n'êtes pas à l'aise avec ces démarches il existe ces tutos d'aide ici :

> Le javascript
> La CSS
David1195

StaffModo
StaffModo
David1195

MessageDavid1195 Mar 12 Nov 2019 - 12:39

  • MP
  • Zoom
Merci beaucoup !
LilaCH

Membre
Membre
LilaCH

MessageLilaCH Sam 28 Déc 2019 - 14:14

  • MP
  • Zoom
Merci beaucoup !
Contenu sponsorisé

MessageContenu sponsorisé

  • MP
  • Zoom

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