Compteur de visites gratuit
Annonces
CAForum est, depuis peu, un forum d'aide pour phpBB. Voici le lien du forum : https://caforum.fr/forum
CAForum infos
Derniers sujets
» » Réduire la hauteur des catégories
[ModernBB] Catégories de différentes couleurs Clock-10Lun 6 Avr 2020 - 11:39 par Cedou

» » Bouton MP "Répondre" adapté à la version ModernBB
[ModernBB] Catégories de différentes couleurs Clock-10Dim 5 Avr 2020 - 17:32 par Cedou

» » Insérer des boutons "Haut" & "Bas" de forum
[ModernBB] Catégories de différentes couleurs Clock-10Mar 17 Mar 2020 - 18:47 par stmphotoGG

» » Modifier les icônes et textes des boutons "Afficher" et "Cacher" des catégories
[ModernBB] Catégories de différentes couleurs Clock-10Mar 17 Mar 2020 - 18:41 par stmphotoGG

» » Mise à jour, Problèmes - Les dernières informations de Forumactif
[ModernBB] Catégories de différentes couleurs Clock-10Lun 9 Mar 2020 - 14:29 par Splash

» » Modifier la phrase Qui est en ligne ?
[ModernBB] Catégories de différentes couleurs Clock-10Sam 22 Fév 2020 - 9:56 par David1195

» » Modifier l'apparence du qeel
[ModernBB] Catégories de différentes couleurs Clock-10Ven 21 Fév 2020 - 15:05 par Moilu

» » [CSS] W3C Validator - Service de validation CSS
[ModernBB] Catégories de différentes couleurs Clock-10Ven 21 Fév 2020 - 14:07 par Passiflore

» » Boutons de remerciement de sujet
[ModernBB] Catégories de différentes couleurs Clock-10Ven 21 Fév 2020 - 14:05 par Passiflore

» » [Toutes versions] Visualiser son MdP (mot de passe)
[ModernBB] Catégories de différentes couleurs Clock-10Ven 21 Fév 2020 - 14:04 par Passiflore

» » Modifier l'aspect des titres de forums
[ModernBB] Catégories de différentes couleurs Clock-10Ven 21 Fév 2020 - 9:19 par chrisnvidia

» » Qeel en bas de page
[ModernBB] Catégories de différentes couleurs Clock-10Jeu 20 Fév 2020 - 9:11 par slygrooos

» » Mettre une image en fond de page (body)
[ModernBB] Catégories de différentes couleurs Clock-10Jeu 20 Fév 2020 - 9:06 par slygrooos

» » Création d'une page facebook
[ModernBB] Catégories de différentes couleurs Clock-10Lun 3 Fév 2020 - 21:22 par chipster

» » Masquer "Connexion" & "S'enregistrer" sur la toolbar
[ModernBB] Catégories de différentes couleurs Clock-10Lun 3 Fév 2020 - 10:19 par chrisnvidia

Avril 2020
LunMarMerJeuVenSamDim
  12345
6789101112
13141516171819
20212223242526
27282930   

Calendrier Calendrier

[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 le Mar 12 Nov 2019 - 1:20

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

Voir :
[ModernBB] Catégories de différentes couleurs Fofo_t18




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



† Aucune aide ne sera donnée en privé
David1195

StaffModo
StaffModo
David1195

MessageDavid1195 le Mar 12 Nov 2019 - 12:39

  • MP
  • Zoom
Merci beaucoup !



Modérateur des forums



LilaCH

Membre
Membre
LilaCH

MessageLilaCH le Sam 28 Déc 2019 - 14:14

  • MP
  • Zoom
Merci beaucoup !

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