[ModernBB] Catégories de différentes couleurs
Page 1 sur 1•Partagez
- Splash
StaffAdmin - Voir :
- Code:
$(function () {
// Ajout id pour chaque catégorie
var n = 1;
$( '.linklist ~ .forabg' ).each(function() {
$(this).attr('id', 'cate'+n+'');
n++;
});
});- 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; }

Hi,
Voici une astuce qui vous permettra d'attribuer une couleur par catégorie
Direction le javascript
Panneau d'administration / Modules / HTML & JAVASCRIPT / Gestion des codes javascript
Mettre ce script sur l'index :
Pensez à
Direction le CSS
Panneau d'administration / Affichage / Images et Couleurs / Couleurs / Feuille de style CSS
Mettre ce code CSS :
Pensez à
À bientôt

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
Voici une astuce qui vous permettra d'attribuer une couleur par catégorie
Direction le javascript
Panneau d'administration / Modules / HTML & JAVASCRIPT / Gestion des codes javascript
Mettre ce script sur l'index :
Pensez à

Direction le CSS
Panneau d'administration / Affichage / Images et Couleurs / Couleurs / Feuille de style CSS
Mettre ce code CSS :
Pensez à

:u1: |

Pour bien réaliser cette astuce

> Le javascript
> La CSS
- David1195
StaffModo
Sujets les plus actifs
Sujets les plus vus
Meilleurs posteurs
» » Modifier l'icône "On-line"
» » Bouton MP "Répondre" adapté à la version ModernBB
» » Insérer des boutons "Haut" & "Bas" de forum
» » Mettre une image au qeel
» » Modifier l'apparence du qeel
» » Liens haut & bas de page façon AwesomeBB
» » Mettre une image au qeel
» » Réduire la hauteur des catégories
» » [Edge] Hover sur l'avatar pour afficher les infos de profil
» » Un texte qui clignote
» » Centrer l'avatar, le pseudo & le rang dans les messages
» » Modifier l'apparence du qeel
» » Modifier la phrase Qui est en ligne ?
» » Personnaliser la navbar en CSS