[TOUTES VERSIONS] Personnaliser le body pour chaque catégorie

,

l'astuce consiste a personnaliser le body dans sa totalité pour chaque catégorie ,
attention toutefois aux annonces globales qui elles prendront la couleur du sujet initial.

Hors ModernBB et AwesomeBB


Aperçu imagé:

L'index à une couleur de fond grise:


Dés que l'on trouvera le lien de la catégorie c1- dans la pagination :
La couleur de fond changera


Le script va rechercher le lien de la catégorie dans la pagination :





Version phpbb2:

Code:

$(function(){
$('.three-col  .nav[href^="/c1-"]').closest('body').attr('id','M14_c1');

});

Version phpbb3:

Code:

$(function(){
$('#wrap .nav[href^="/c1-"]').closest('body').addClass('M14_c1');

});

Version Invision:

Code:

$(function(){
$('#ipbwrapper .nav[href^="/c1-"]').closest('body').attr('id','M14_c1');

});

Version Punbb

Code:

$(function(){
$('.pun .nav[href^="/c1-"]').closest('body').attr('id','M14_c1');
});

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

Déposez le script correspondant à la version de votre forum:


Pensez a cliquer sur le bouton 


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Pour les versions: Phpbb2,Punbb et Invision:

Code:

body#M14_c1
{
  background:grey;
}

Pour la version Phpbb3

Code:

body#phpbb.M14_c1
{
  background:grey;
}

Alors c'est bien joli  Milouze!!!
Et pour les autres catégories je fais comment ?


Je reprend donc le script de la version Phpbb2, c'est le même principe pour les autres sauf pour la version phpbb3 ou on aura une class:

On attribut sur la catégorie 1 un identifiant au body

Code:

$(function(){
$('.three-col  .nav[href^="/c1-"]').closest('body').attr('id','M14_c1');

});

Pagination sur la catégorie 1

Code:

.nav[href^="/c1-"]

Puis on recherche le body:

Code:

.closest('body')

Et on lui attribut un identifiant:

Code:

.attr('id','M14_c1');

Maintenant je veux donner une couleur de fond à ma deuxième catégorie:

Donc :

Code:

c2-

Il faudra bêtement ajouter après ;

Code:

$('.three-col  .nav[href^="/c1-"]').closest('body').attr('id','M14_c1');

Ceci en changeant l'identifiant :

Code:

$('.three-col  .nav[href^="/c2-"]').closest('body').attr('id','M14_c2');

Ce qui donnera :

Code:

$(function(){
$('.three-col  .nav[href^="/c1-"]').closest('body').attr('id','M14_c1');
$('.three-col  .nav[href^="/c2-"]').closest('body').attr('id','M14_c2');
});

Puis la css:

Code:

body#M14_c2
{
  background:orange;
}

Je n'ai pas voulu développer ,
mais à partir de cet identifiant tout est paramétrable les ami(e)s.

Exemple si vous ne voulez pas du logo de votre forum sur cette catégorie
pour la version phpbb2

Code:

body#M14_c1 #i_logo{display:none;}

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !