[MODERNBB] Séparer les annonces globales/annonces/notes

Hello les ami(e)s,

actuellement les annonces globales,annonces et notes peuvent être séparées des sujets traditionnels par une ligne ou un tableau:

Général/Messages et Emails/Configuration/Séparer les annonces et notes des autres sujets :

Exemple avec un tableau :




Avec le script et en laissant la case cochée sur un tableau, le résultat:
Vous aurez le nombre d'annonces globales,annonce ou note.




Vous pouvez à votre convenance cocher ce que vous souhaitez les ami(e)s, mais je vous conseille de cocher la case "Non"

Attention toutefois, le script est configuré pour fonctionner avec les textes d'origine, donc ici:
Général/Messages et Emails/Configuration/Messages :

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

Les cases doivent être vide.

Dans le cas contraire,il faudra modifier les textes dans le script:

Tiens en parlant de script, le voici.


Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.

Cocher sur les sous-forums


Déposer ceci:

Code:


$(function(){
var a=$('.topic-title-container strong:contains("Annonce globale:")').length;
var b=$('.topic-title-container strong:contains("Annonce:")').length;
var c=$('.topic-title-container strong:contains("Note:")').length;
if(a<2){$('.topic-title-container strong:contains("Annonce globale:"):first').closest('li').before('<li class="M14_div_separate"> ( 1 ) Annonce globale</li>');}
if(a>1){$('.topic-title-container strong:contains("Annonce globale:"):first').closest('li').before('<li class="M14_div_separate">('+a+') Annonces globales</li>');}
if(b<2){$('.topic-title-container strong:contains("Annonce:"):first').closest('li').before('<li class="M14_div_separate">(1) Annonce</li>');}
if(b>1){$('.topic-title-container strong:contains("Annonce:"):first').closest('li').before('<li class="M14_div_separate">('+b+') Annonce(s)</li>');}
if(c<2)
{
$('.topic-title-container strong:contains("Note:"):first').closest('li').before('<li class="M14_div_separate">(1) Note</li>');
$('.topic-title-container strong:contains("Note:")').last().closest('li').after('<li class="M14_div_separate">Sujets</li>');  
}
if(c>1)
{
$('.topic-title-container strong:contains("Note:"):first').closest('li').before('<li class="M14_div_separate">('+c+') Notes</li>');
$('.topic-title-container strong:contains("Note:")').last().closest('li').after('<li class="M14_div_separate">Sujets</li>');  
}
  
if((!b)&&(!c))
{
$('.topic-title-container strong:contains("Annonce globale:")').last().closest('li').after('<li class="M14_div_separate">Sujets</li>');
}
if(!c)
{
$('.topic-title-container strong:contains("Annonce:")').last().closest('li').after('<li class="M14_div_separate">Sujets</li>');
}
});


Penser a cliquer sur le bouton


Puis le style des séparations:


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

Ajouter ceci:

Code:


.M14_div_separate{background-color:#1E88E5;color:white;text-align:center;font-size:10px;padding:8px;}


Penser a cliquer sur le bouton