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

EDGE/ PHPBB2 / PHPBB3/ PUNBB / INVISION/ MODERNBB/ AWESOMEBB
 
AccueilAccueil  PortailPortail  Connexion  S'enregistrerS'enregistrer  

 

 [PHPBB2] Coloriser individuellement les catégories

Aller en bas 
+11
dragon594
canelle
mariok
marie-noelle
Fantastik
Teten85
patriciadpt30
ThunderTB
fleur78
Coventgarden
Milouze14
15 participants
AuteurMessage
Milouze14
Fondateur

Milouze14



[PHPBB2] Coloriser individuellement les catégories Empty
MessageSujet: [PHPBB2] Coloriser individuellement les catégories   [PHPBB2] Coloriser individuellement les catégories EmptyVen 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:

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
Revenir en haut Aller en bas
https://www.milouze14.com
Coventgarden
Milouzien

Coventgarden



[PHPBB2] Coloriser individuellement les catégories Empty
MessageSujet: Re: [PHPBB2] Coloriser individuellement les catégories   [PHPBB2] Coloriser individuellement les catégories EmptyVen 14 Nov 2014 - 18:33

Merci beaucoup !
Revenir en haut Aller en bas
http://leboulevardesenigmes.com
Invité
Invité
Anonymous



[PHPBB2] Coloriser individuellement les catégories Empty
MessageSujet: Re: [PHPBB2] Coloriser individuellement les catégories   [PHPBB2] Coloriser individuellement les catégories EmptyJeu 20 Nov 2014 - 19:03

Merci beaucoup !
Revenir en haut Aller en bas
fleur78
Milouzien

fleur78



[PHPBB2] Coloriser individuellement les catégories Empty
MessageSujet: Re: [PHPBB2] Coloriser individuellement les catégories   [PHPBB2] Coloriser individuellement les catégories EmptyMer 10 Déc 2014 - 10:19

Merci
Revenir en haut Aller en bas
http://graphfleur78.forumactif.org/
ThunderTB
Milouzien

ThunderTB



[PHPBB2] Coloriser individuellement les catégories Empty
MessageSujet: Re: [PHPBB2] Coloriser individuellement les catégories   [PHPBB2] Coloriser individuellement les catégories EmptyLun 15 Déc 2014 - 21:28

Merci beaucoup !
Revenir en haut Aller en bas
http://hockeyfederation.forumgratuit.org/forum
Invité
Invité
Anonymous



[PHPBB2] Coloriser individuellement les catégories Empty
MessageSujet: Re: [PHPBB2] Coloriser individuellement les catégories   [PHPBB2] Coloriser individuellement les catégories EmptyDim 4 Jan 2015 - 15:59

Merci beaucoup !
Revenir en haut Aller en bas
Invité
Invité
Anonymous



[PHPBB2] Coloriser individuellement les catégories Empty
MessageSujet: Re: [PHPBB2] Coloriser individuellement les catégories   [PHPBB2] Coloriser individuellement les catégories EmptyDim 4 Jan 2015 - 19:19

Merci beaucoup !
Revenir en haut Aller en bas
patriciadpt30
Milouzien

patriciadpt30



[PHPBB2] Coloriser individuellement les catégories Empty
MessageSujet: Re: [PHPBB2] Coloriser individuellement les catégories   [PHPBB2] Coloriser individuellement les catégories EmptySam 28 Fév 2015 - 10:04

Merci beaucoup !
Revenir en haut Aller en bas
Teten85
Milouzien

Teten85



[PHPBB2] Coloriser individuellement les catégories Empty
MessageSujet: Re: [PHPBB2] Coloriser individuellement les catégories   [PHPBB2] Coloriser individuellement les catégories EmptyLun 2 Mar 2015 - 19:47

Merci beaucoup !
Revenir en haut Aller en bas
http://entrenous.bbfr.net/
Fantastik
Milouzien

Fantastik



[PHPBB2] Coloriser individuellement les catégories Empty
MessageSujet: Re: [PHPBB2] Coloriser individuellement les catégories   [PHPBB2] Coloriser individuellement les catégories EmptyMer 15 Avr 2015 - 9:49

Merci beaucoup !
Revenir en haut Aller en bas
http://fantastik.1fr1.net/
marie-noelle
Milouzien

marie-noelle



[PHPBB2] Coloriser individuellement les catégories Empty
MessageSujet: Re: [PHPBB2] Coloriser individuellement les catégories   [PHPBB2] Coloriser individuellement les catégories EmptySam 30 Mai 2015 - 16:45

Merci beaucoup !
Revenir en haut Aller en bas
http://paroles-de-femmes.forumactif.com/
mariok
Membre regretté

mariok



[PHPBB2] Coloriser individuellement les catégories Empty
MessageSujet: Re: [PHPBB2] Coloriser individuellement les catégories   [PHPBB2] Coloriser individuellement les catégories EmptyVen 12 Juin 2015 - 7:49

Merci beaucoup !
Revenir en haut Aller en bas
http://www.amarid.net
canelle
Milouzien

canelle



[PHPBB2] Coloriser individuellement les catégories Empty
MessageSujet: Re: [PHPBB2] Coloriser individuellement les catégories   [PHPBB2] Coloriser individuellement les catégories EmptyDim 3 Jan 2016 - 20:19

Merci beaucoup !
Revenir en haut Aller en bas
https://www.canelle56.org/
dragon594
Milouzien

dragon594



[PHPBB2] Coloriser individuellement les catégories Empty
MessageSujet: Re: [PHPBB2] Coloriser individuellement les catégories   [PHPBB2] Coloriser individuellement les catégories EmptyMar 24 Mai 2016 - 22:08

Merci beaucoup !
Revenir en haut Aller en bas
https://dragon-graphisme59.forumactif.org/
Anita87
Milouzien

Anita87



[PHPBB2] Coloriser individuellement les catégories Empty
MessageSujet: Re: [PHPBB2] Coloriser individuellement les catégories   [PHPBB2] Coloriser individuellement les catégories EmptyJeu 18 Aoû 2016 - 11:11

Merci beaucoup !
Revenir en haut Aller en bas
http://acdp17.forumactif.org
One.
Milouzien

avatar



[PHPBB2] Coloriser individuellement les catégories Empty
MessageSujet: Re: [PHPBB2] Coloriser individuellement les catégories   [PHPBB2] Coloriser individuellement les catégories EmptySam 1 Juil 2017 - 10:37

Merci beaucoup !
Revenir en haut Aller en bas
http://forum.onegraphics.fr
Senpai
Milouzien

Senpai



[PHPBB2] Coloriser individuellement les catégories Empty
MessageSujet: Re: [PHPBB2] Coloriser individuellement les catégories   [PHPBB2] Coloriser individuellement les catégories EmptyLun 16 Avr 2018 - 7:33

Merci beaucoup !
Revenir en haut Aller en bas
http://lhsv.forum-canada.com/
gigi60
Milouzien

gigi60



[PHPBB2] Coloriser individuellement les catégories Empty
MessageSujet: Re: [PHPBB2] Coloriser individuellement les catégories   [PHPBB2] Coloriser individuellement les catégories EmptyDim 10 Fév 2019 - 19:31

Merci beaucoup !
Revenir en haut Aller en bas
https://lacaverneagigi.forums-actifs.com/
Contenu sponsorisé





[PHPBB2] Coloriser individuellement les catégories Empty
MessageSujet: Re: [PHPBB2] Coloriser individuellement les catégories   [PHPBB2] Coloriser individuellement les catégories Empty

Revenir en haut Aller en bas
 
[PHPBB2] Coloriser individuellement les catégories
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [PHPBB2] Coloriser les messages édités
» [PHPBB2] Coloriser selon le statut les titres dans la liste des sujets
» [PHPBB2] Coloriser les cases derniers messages en fonction de la couleur du groupe
» [PHPBB2] Personnaliser la pagination
» [PHPBB2]Supprimer le tag "Re" sur les messages

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Astuces Forumactif :: Astuces Forumactif :: Les astuces Phpbb2-
Sauter vers: