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  
Le Deal du moment : -38%
KINDERKRAFT – Draisienne Runner Galaxy Vintage
Voir le deal
27.99 €

 

 [PHPBB2] Afficher une couleur de fond pour chaque catégorie

Aller en bas 
+7
kristhyane
hamesashek
dragon594
EslamLove
damieng59
Benjamin.d
Milouze14
11 participants
AuteurMessage
Milouze14
Fondateur

Milouze14



[PHPBB2] Afficher une couleur de fond pour chaque catégorie Empty
MessageSujet: [PHPBB2] Afficher une couleur de fond pour chaque catégorie   [PHPBB2] Afficher une couleur de fond pour chaque catégorie EmptyDim 31 Déc 2017 - 18:42

coucou ,

l'astuce consiste a mettre une balise span avec un style de couleur à chaque catégorie dans votre P.A.
A partir de là on va coloriser chaque catégorie  impeccable .

Pour les couleurs, vous avez une palette de choix:
http://www.code-couleur.com/

Il est impératif de séparer les catégories sur l'index (quelque soit le mode choisi):
Affichage/Page d'acceuil/ Structure et hiérarchie/Niveau de compression de l'index

Séparer les catégories sur l'index :


L'aperçu imagé sur l'index:
[PHPBB2] Afficher une couleur de fond pour chaque catégorie 186

L'aperçu sur la liste des sujets:
[PHPBB2] Afficher une couleur de fond pour chaque catégorie 232

L'aperçu sur un sujet:
[PHPBB2] Afficher une couleur de fond pour chaque catégorie 314







Général/Catégories et Forums/Catégories et Forums/La catégorie en question

Éditez chaque catégorie

Exemple avec la catégorie "Premiere catégorie".
Elle sera donc :
Changer le "black" par la couleur désirée.

Code:
<span class="M14_Cat"style="color:black">Premiere catégorie</span>

Pensez a cliquer sur  Enregistr .

Attention la css est assez conséquente les ami(e)s , il n'y en a pas  MdR .



Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mettre un titre explicite.
Cochez sur l'index, les sous forums et les sujets

Déposez ceci:
Code:

$(function(){
$('.secondarytitle h2 span.M14_Cat').each(function(){
var M14_colorCat=$(this).css('color');
$(this).closest('table').find('th').css('background-image','none');
$(this).closest('table').find('th').css('backgroundColor',M14_colorCat);
$(this).closest('table').find('th,.secondarytitle h2 span.M14_Cat').css('color','white');
$(this).closest('table').css('borderColor',M14_colorCat);
});
  
$('.bodyline').each(function(){
var M14_colorListe=$(this).find('td.nav .M14_Cat').css('color');
var M14_colorAriane=$(this).find('td.nav a.nav, div.nav a.nav').css('color');
$(this).find('td.nav a.nav,td.nav .M14_Cat,div.nav a.nav,div.nav .M14_Cat').css('color',M14_colorAriane);
$('.forumline th,.catHead,.catBottom').css('background-image','none');
$('.forumline th,.catHead,.catBottom').css('backgroundColor',M14_colorListe);
$('.forumline .secondarytitle h2,.forumline th,.cattitle,.catBottom .gensmall,.catBottom .nav ,.catBottom a[href] ,.catBottom  .M14_Cat').css('color','white');
  $('.forumline').css('borderColor',M14_colorListe);
});

});

Pensez a cliquer sur le bouton Valider






Dernière édition par Milouze14 le Lun 29 Nov 2021 - 6:52, édité 2 fois
Revenir en haut Aller en bas
https://www.milouze14.com
Invité
Invité
Anonymous



[PHPBB2] Afficher une couleur de fond pour chaque catégorie Empty
MessageSujet: Re: [PHPBB2] Afficher une couleur de fond pour chaque catégorie   [PHPBB2] Afficher une couleur de fond pour chaque catégorie EmptyMer 10 Jan 2018 - 18:00

Merci beaucoup !
Revenir en haut Aller en bas
Benjamin.d
Milouzien

avatar



[PHPBB2] Afficher une couleur de fond pour chaque catégorie Empty
MessageSujet: Re: [PHPBB2] Afficher une couleur de fond pour chaque catégorie   [PHPBB2] Afficher une couleur de fond pour chaque catégorie EmptyJeu 25 Jan 2018 - 19:37

Merci beaucoup !
Revenir en haut Aller en bas
https://www.forum-ovni-ufologie.com/
damieng59
Milouzien

avatar



[PHPBB2] Afficher une couleur de fond pour chaque catégorie Empty
MessageSujet: Re: [PHPBB2] Afficher une couleur de fond pour chaque catégorie   [PHPBB2] Afficher une couleur de fond pour chaque catégorie EmptyVen 26 Jan 2018 - 3:58

Merci beaucoup !
Revenir en haut Aller en bas
http://dg-59.forumactif.org
EslamLove
Milouzien

avatar



[PHPBB2] Afficher une couleur de fond pour chaque catégorie Empty
MessageSujet: Re: [PHPBB2] Afficher une couleur de fond pour chaque catégorie   [PHPBB2] Afficher une couleur de fond pour chaque catégorie EmptyVen 27 Avr 2018 - 19:18

Thank you very much !
Revenir en haut Aller en bas
dragon594
Milouzien

dragon594



[PHPBB2] Afficher une couleur de fond pour chaque catégorie Empty
MessageSujet: Re: [PHPBB2] Afficher une couleur de fond pour chaque catégorie   [PHPBB2] Afficher une couleur de fond pour chaque catégorie EmptyMer 13 Juin 2018 - 23:15

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

hamesashek



[PHPBB2] Afficher une couleur de fond pour chaque catégorie Empty
MessageSujet: Re: [PHPBB2] Afficher une couleur de fond pour chaque catégorie   [PHPBB2] Afficher une couleur de fond pour chaque catégorie EmptySam 4 Aoû 2018 - 5:31

Merci beaucoup !
Revenir en haut Aller en bas
http://3arb-way.a7larab.net/
ThunderTB
Milouzien

ThunderTB



[PHPBB2] Afficher une couleur de fond pour chaque catégorie Empty
MessageSujet: Re: [PHPBB2] Afficher une couleur de fond pour chaque catégorie   [PHPBB2] Afficher une couleur de fond pour chaque catégorie EmptyJeu 23 Aoû 2018 - 20:34

Merci beaucoup !
Revenir en haut Aller en bas
http://hockeyfederation.forumgratuit.org/forum
kristhyane
Milouzien

kristhyane



[PHPBB2] Afficher une couleur de fond pour chaque catégorie Empty
MessageSujet: Re: [PHPBB2] Afficher une couleur de fond pour chaque catégorie   [PHPBB2] Afficher une couleur de fond pour chaque catégorie EmptyLun 26 Nov 2018 - 11:54

Merci beaucoup !
Revenir en haut Aller en bas
http://kristhyane.forumactif.com
Ptite_Perle
Milouzien

Ptite_Perle



[PHPBB2] Afficher une couleur de fond pour chaque catégorie Empty
MessageSujet: Re: [PHPBB2] Afficher une couleur de fond pour chaque catégorie   [PHPBB2] Afficher une couleur de fond pour chaque catégorie EmptyDim 7 Avr 2019 - 14:55

Merci beaucoup
Revenir en haut Aller en bas
https://forumcrea.forumactif.org/
Ambroise
Milouzien

Ambroise



[PHPBB2] Afficher une couleur de fond pour chaque catégorie Empty
MessageSujet: Re: [PHPBB2] Afficher une couleur de fond pour chaque catégorie   [PHPBB2] Afficher une couleur de fond pour chaque catégorie EmptyDim 7 Avr 2019 - 18:25

Merci beaucoup
Revenir en haut Aller en bas
https://mon-forum-perso.forumactif.com/
.Volubal.
Milouzien

avatar



[PHPBB2] Afficher une couleur de fond pour chaque catégorie Empty
MessageSujet: Re: [PHPBB2] Afficher une couleur de fond pour chaque catégorie   [PHPBB2] Afficher une couleur de fond pour chaque catégorie EmptyMar 9 Avr 2019 - 20:38

Merci beaucoup
Revenir en haut Aller en bas
http://columbiahighschool.forumactif.com/
ThunderTB
Milouzien

ThunderTB



[PHPBB2] Afficher une couleur de fond pour chaque catégorie Empty
MessageSujet: Re: [PHPBB2] Afficher une couleur de fond pour chaque catégorie   [PHPBB2] Afficher une couleur de fond pour chaque catégorie EmptyDim 26 Mai 2019 - 1:15

Merci !!
Revenir en haut Aller en bas
http://hockeyfederation.forumgratuit.org/forum
Contenu sponsorisé





[PHPBB2] Afficher une couleur de fond pour chaque catégorie Empty
MessageSujet: Re: [PHPBB2] Afficher une couleur de fond pour chaque catégorie   [PHPBB2] Afficher une couleur de fond pour chaque catégorie Empty

Revenir en haut Aller en bas
 
[PHPBB2] Afficher une couleur de fond pour chaque catégorie
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [TOUTES VERSIONS] Personnaliser le body pour chaque catégorie
» [PHPBB3] Déposer une ancre pour chaque catégorie avec effet scroll
» [PHPBB2] Mettre une couleur de fond dans le profil des messages
» [PHPBB2] Afficher les forums de la catégorie dans la liste des sujets
» [PHPBB2] Effet loupe sur chaque message

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