Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

[PHPBB2] Coloriser individuellement les catégories

+11
dragon594
canelle
mariok
marie-noelle
Fantastik
Teten85
patriciadpt30
ThunderTB
fleur78
Coventgarden
Milouze14
15 participants

Aller en bas

Icône par defaut [PHPBB2] Coloriser individuellement les catégories

Message par Milouze14 Ven 14 Nov 2014 - 18:18

coucou ,

l'astuce consiste a coloriser les titres des catégories et les éléments suivants:Sujets ,Messages et Derniers Messages .
Voir l'aperçu imagé :
Spoiler:
[PHPBB2] Coloriser individuellement les catégories Fofo10

Pour que cette astuce fonctionne, il faut que dans votre PA vous sépariez les catégories:
Affichage/Page d'acceuil/    
Structure et hiérarchie
/Séparer les catégories sur l'index :

Ensuite les trois modes fonctionnent  hinhin  .


Il faut dans un premier temps repérer le titre de la catégorie concernée
et insérer ce dernier dans la partie du javascript
Puis à l'aide de la css vous pourrez personnaliser chaque cellule.

Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur toutes les pages.
Code:


$(function(){
//PREMIERE CATEGORIE
$('th.secondarytitle h2:contains("TITRE PREMIERE CATEGORIE")').closest('tr').addClass('M14_Cat_1');
//DEUXIEME CATEGORIE
$('th.secondarytitle h2:contains("TITRE DEUXIEME CATEGORIE")').closest('tr').addClass('M14_Cat_2');
//TROISIEME CATEGORIE
$('th.secondarytitle h2:contains("TITRE TROISIEME CATEGORIE")').closest('tr').addClass('M14_Cat_3');
//QUATRIEME CATEGORIE
$('th.secondarytitle h2:contains("TITRE QUATRIEME CATEGORIE")').closest('tr').addClass('M14_Cat_4');
});


Pensez a cliquer sur le bouton Valid


Il faut donc changer a chaque ligne nommée "TITRE XX CATEGORIE"
par le nom de votre  catégorie hinhin


Pour l'exemple imagé le code est ainsi :

Code:

$('th.secondarytitle h2:contains("Premiere catégorie")').closest('tr').addClass('M14_Cat_1');

On voit ensuite que j'ai attribué une class au tr (M14_Cat_1)
qui englobe les cellules.
A partir de là on va pouvoir faire ce que l'on souhaite pour cette catégorie.
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style


Code:

/*Premiere catégorie*/
.M14_Cat_1 th h2, .M14_Cat_1 th{color:red;}
/*Deuxieme catégorie*/
.M14_Cat_2 th h2, .M14_Cat_2 th{color:green;}
/*Troiseme catégorie*/
.M14_Cat_3 th h2, .M14_Cat_3 th{color:pink;}
/*Quatrieme catégorie*/
.M14_Cat_4 th h2, .M14_Cat_4 th{color:yellow;}
Pensez à valider les modifications en cliquant sur le bouton  Valid

Pour l'exemple j'ai simplement déposé une couleur aux cellules,
mais vous aussi changer la couleur de fond etc etc.







Dernière édition par Milouze14 le Lun 29 Nov 2021 - 7:19, édité 5 fois
Milouze14
Milouze14
Fondateur



https://www.milouze14.com

Revenir en haut Aller en bas

Icône par defaut Re: [PHPBB2] Coloriser individuellement les catégories

Message par Coventgarden Ven 14 Nov 2014 - 18:33

Merci beaucoup !
Coventgarden
Coventgarden
Milouzien



http://leboulevardesenigmes.com

Revenir en haut Aller en bas

Icône par defaut Re: [PHPBB2] Coloriser individuellement les catégories

Message par Invité Jeu 20 Nov 2014 - 19:03

Merci beaucoup !
Anonymous
Invité
Invité


Revenir en haut Aller en bas

Icône par defaut Re: [PHPBB2] Coloriser individuellement les catégories

Message par fleur78 Mer 10 Déc 2014 - 10:19

Merci
fleur78
fleur78
Milouzien



http://graphfleur78.forumactif.org/

Revenir en haut Aller en bas

Icône par defaut Re: [PHPBB2] Coloriser individuellement les catégories

Message par ThunderTB Lun 15 Déc 2014 - 21:28

Merci beaucoup !
ThunderTB
ThunderTB
Milouzien



http://hockeyfederation.forumgratuit.org/forum

Revenir en haut Aller en bas

Icône par defaut Re: [PHPBB2] Coloriser individuellement les catégories

Message par Invité Dim 4 Jan 2015 - 15:59

Merci beaucoup !
Anonymous
Invité
Invité


Revenir en haut Aller en bas

Icône par defaut Re: [PHPBB2] Coloriser individuellement les catégories

Message par Invité Dim 4 Jan 2015 - 19:19

Merci beaucoup !
Anonymous
Invité
Invité


Revenir en haut Aller en bas

Icône par defaut Re: [PHPBB2] Coloriser individuellement les catégories

Message par patriciadpt30 Sam 28 Fév 2015 - 10:04

Merci beaucoup !
patriciadpt30
patriciadpt30
Milouzien



Revenir en haut Aller en bas

Icône par defaut Re: [PHPBB2] Coloriser individuellement les catégories

Message par Teten85 Lun 2 Mar 2015 - 19:47

Merci beaucoup !
Teten85
Teten85
Milouzien



http://entrenous.bbfr.net/

Revenir en haut Aller en bas

Icône par defaut Re: [PHPBB2] Coloriser individuellement les catégories

Message par Fantastik Mer 15 Avr 2015 - 9:49

Merci beaucoup !
Fantastik
Fantastik
Milouzien



http://fantastik.1fr1.net/

Revenir en haut Aller en bas

Icône par defaut Re: [PHPBB2] Coloriser individuellement les catégories

Message par marie-noelle Sam 30 Mai 2015 - 16:45

Merci beaucoup !
marie-noelle
marie-noelle
Milouzien



http://paroles-de-femmes.forumactif.com/

Revenir en haut Aller en bas

Icône par defaut Re: [PHPBB2] Coloriser individuellement les catégories

Message par mariok Ven 12 Juin 2015 - 7:49

Merci beaucoup !
mariok
mariok
Membre regretté



http://www.amarid.net

Revenir en haut Aller en bas

Icône par defaut Re: [PHPBB2] Coloriser individuellement les catégories

Message par canelle Dim 3 Jan 2016 - 20:19

Merci beaucoup !
canelle
canelle
Milouzien



https://www.canelle56.org/

Revenir en haut Aller en bas

Icône par defaut Re: [PHPBB2] Coloriser individuellement les catégories

Message par dragon594 Mar 24 Mai 2016 - 22:08

Merci beaucoup !
dragon594
dragon594
Milouzien



https://dragon-graphisme59.forumactif.org/

Revenir en haut Aller en bas

Icône par defaut Re: [PHPBB2] Coloriser individuellement les catégories

Message par Anita87 Jeu 18 Aoû 2016 - 11:11

Merci beaucoup !
Anita87
Anita87
Milouzien



http://acdp17.forumactif.org

Revenir en haut Aller en bas

Icône par defaut Re: [PHPBB2] Coloriser individuellement les catégories

Message par One. Sam 1 Juil 2017 - 10:37

Merci beaucoup !
avatar
One.
Milouzien



http://forum.onegraphics.fr

Revenir en haut Aller en bas

Icône par defaut Re: [PHPBB2] Coloriser individuellement les catégories

Message par Senpai Lun 16 Avr 2018 - 7:33

Merci beaucoup !
Senpai
Senpai
Milouzien



http://lhsv.forum-canada.com/

Revenir en haut Aller en bas

Icône par defaut Re: [PHPBB2] Coloriser individuellement les catégories

Message par gigi60 Dim 10 Fév 2019 - 19:31

Merci beaucoup !
gigi60
gigi60
Milouzien



https://lacaverneagigi.forums-actifs.com/

Revenir en haut Aller en bas

Revenir en haut


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