[phpBB3] Catégories de différentes couleurs
Page 1 sur 1•Partagez
- Splash
StaffAdmin - Voir :
- Code:
<span class="cat1">NOM DE LA CATÉGORIE</span>
- Code:
$(function(){
$("span.cat1").parents('.forabg, .topic-actions').attr('id','cat1');
$("span.cat2").parents('.forabg, .topic-actions').attr('id','cat2');
$("span.cat3").parents('.forabg, .topic-actions').attr('id','cat3');
$("span.cat4").parents('.forabg, .topic-actions').attr('id','cat4');
$("span.cat5").parents('.forabg, .topic-actions').attr('id','cat5');
$("span.cat6").parents('.forabg, .topic-actions').attr('id','cat6');
});- Code:
/***Couleur des titres de catégories et sous-forums***/
.forabg, .forumbg {
background: none !important;
}
/* catégorie 1 avec ses sous forums et sujets */
div#cat1:not(.topic-actions), #cat1 ~ .forumbg {
background-color: red !important;
}
/* catégorie 2 avec ses sous forums et sujets */
div#cat2:not(.topic-actions), #cat2 ~ .forumbg {
background-color: green !important;
}
/* catégorie 3 avec ses sous forums et sujets */
div#cat3:not(.topic-actions), #cat3 ~ .forumbg {
background-color: #69c !important;
}
/* catégorie 4 avec ses sous forums et sujets */
div#cat4:not(.topic-actions), #cat4 ~ .forumbg {
background-color: #69c !important;
}
/* catégorie 5 avec ses sous forums et sujets */
div#cat5:not(.topic-actions), #cat5 ~ .forumbg {
background-color: #69c !important;
}
/* catégorie 6 avec ses sous forums et sujets */
div#cat6:not(.topic-actions), #cat6 ~ .forumbg {
background-color: darkseagreen !important;
}
/***Fin Couleur des titres de catégories et sous-forums***/
Hi,
Voici une astuce qui permet d'attribuer des couleurs différentes aux catégories et leurs sous-forums.
Ce tuto est fait pour un forum qui contient 6 catégories ( à adapter selon vos besoins )
Dirigez-vous ici :
Panneau d’administration ► Général ► Forum ► Catégories et forums
- Cliquez sur l'icône " " de chaque catégorie
- Inscrire le nom de vos catégories entre balises span, ainsi :
Cat2 pour la catégorie 2, cat3 pour la catégorie 3, etc...
Direction le javascript
Panneau d'administration / Modules / HTML & JAVASCRIPT / Gestion des codes javascript
Mettre ce script sur toutes les pages :
Pensez à
Direction le CSS
Panneau d'administration / Affichage / Images et Couleurs / Couleurs / Feuille de style CSS
Mettre ce code à la CSS :
Pensez à
Même si vous ne voulez changer que 2 catégories au niveau de la couleur de background il est important d'appliquer cette astuce à l'ensemble des catégories.
Sur l'exemple donné ici les catégories 1 & 2 ont chacune leur couleur, les catégories 3, 4 & 5 ont la même couleur et la dernière catégorie, la 6, à sa propre couleur
À bientôt
Voici une astuce qui permet d'attribuer des couleurs différentes aux catégories et leurs sous-forums.
Ce tuto est fait pour un forum qui contient 6 catégories ( à adapter selon vos besoins )
Dirigez-vous ici :
Panneau d’administration ► Général ► Forum ► Catégories et forums
- Cliquez sur l'icône " " de chaque catégorie
- Inscrire le nom de vos catégories entre balises span, ainsi :
Cat2 pour la catégorie 2, cat3 pour la catégorie 3, etc...
Direction le javascript
Panneau d'administration / Modules / HTML & JAVASCRIPT / Gestion des codes javascript
Mettre ce script sur toutes les pages :
Pensez à
Direction le CSS
Panneau d'administration / Affichage / Images et Couleurs / Couleurs / Feuille de style CSS
Mettre ce code à la CSS :
Pensez à
Même si vous ne voulez changer que 2 catégories au niveau de la couleur de background il est important d'appliquer cette astuce à l'ensemble des catégories.
Sur l'exemple donné ici les catégories 1 & 2 ont chacune leur couleur, les catégories 3, 4 & 5 ont la même couleur et la dernière catégorie, la 6, à sa propre couleur
:u1: |
Pour bien réaliser cette astuce
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
> Le javascript
> La CSS
NIK SIURI aime ce message
- David1195
StaffModo
Merci beaucoup !
- patyan38
Membre - Code:
<span class="cat1">NOM DE LA CATÉGORIE</span>
Bonjour,
j'essaie d'appliquer cette astuce mais je dois dire que cela ne fonctionne pas sur mon forum phpBB3.
Si je renomme les catégories comme montrer sur l'astuce j'obtiens cela :
Donc les codes HTML ne sont pas activés sur le forum pour les titres.
Et pour le module dont vous parlez, je ne l'ai jamais vu dans la liste : " Panneau d'administration / Modules / HTML & JAVASCRIPT / Gestion des codes javascript ". S'il faut le créer, un petit didacticiel serait super bien. J'ai cherché partout mais rien trouvé.
En tout cas, merci pour votre forum rempli d'autres trucs et astuces géniallissimes.
à bientôt
Patrick
j'essaie d'appliquer cette astuce mais je dois dire que cela ne fonctionne pas sur mon forum phpBB3.
Si je renomme les catégories comme montrer sur l'astuce j'obtiens cela :
Donc les codes HTML ne sont pas activés sur le forum pour les titres.
Et pour le module dont vous parlez, je ne l'ai jamais vu dans la liste : " Panneau d'administration / Modules / HTML & JAVASCRIPT / Gestion des codes javascript ". S'il faut le créer, un petit didacticiel serait super bien. J'ai cherché partout mais rien trouvé.
En tout cas, merci pour votre forum rempli d'autres trucs et astuces géniallissimes.
à bientôt
Patrick
- Splash
StaffAdmin
Salut patyan38,
Bienvenue sur le forum
Cette astuce concerne les forums Forumactif, visiblement tu utilises un forum phpBB.
Inscrit toi ici : https://caforum.fr/forum/
Bienvenue sur le forum
Cette astuce concerne les forums Forumactif, visiblement tu utilises un forum phpBB.
Inscrit toi ici : https://caforum.fr/forum/
- chrisnvidia
Membre
Merci beaucoup !
- hoanglongnhatbao
Membre
Thanks you
Sujets 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