[PHPBB3]Personnaliser les annonces, notes etc

Hello les ami(e)s,

Voici une astuce qui va vous permettre de personnaliser les annonce globales, annonces, note et les sujets déplacés.

Pour que l'astuce fonctionne, il est impératif que les cases soient vides dans le P.A:
Général/Messages et Emails/Configuration

Ces trois cases doivent être vides:

Personnaliser le libellé d'une Note :
Personnaliser le libellé d'une Annonce :
Personnaliser le libellé d'une Annonce globale :



Dans le template topics_list_box:
Affichage/Templates/Général/topics_list_box


Recherches cette variable;

Code:

{topics_list_box.row.TOPIC_TYPE}

Supprimes et remplaces par:

Code:

<span class="M14_TOPIC_TYPE">{topics_list_box.row.TOPIC_TYPE}</span>

Penses a enregistrer puis à valider en cliquant respectivement sur  puis


Puis le script:
Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.

Cocher sur les sous-forums


Déposes ceci:

Code:


$(function(){
$('.M14_TOPIC_TYPE strong').each(function(){
var $this=$(this).closest('li');
if($(this).is(':contains("Annonce globale:")'))
{
$this.addClass('AnnonceGlob');
}
if($(this).is(':contains("Annonce:")'))
{
$this.addClass('Annonce');
}
if($(this).is(':contains("Note:")'))
{
$this.addClass('Note');
}
if($(this).is(':contains("Déplacé:")'))
{
$this.addClass('Moove');
}});});



Penses à cliquer sur le bouton VALIDER





Puis le style personnalisable à souhaits:
La CSS donnée est moche mais c'est pour te donner une idée .

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

Ajoutes ceci:

Code:


/* les lignes ou se trouvent les annonces globales*/
li.AnnonceGlob
{
background:violet;
height:60px;/*hauteur de la ligne*/
}
/* les lignes ou se trouvent les annonces simples*/
li.Annonce
{
background:orange;
height:60px;/*hauteur de la ligne*/
}
/* les lignes ou se trouvent les notes*/
li.Note
{
background:blue;
height:60px;/*hauteur de la ligne*/
}

/*les lignes ou se trouvent des sujets déplacés*/
li.Moove
{
background:green;
height:60px;/*hauteur de la ligne*/
}



Penses à cliquer sur le bouton

L'aperçu imagé: