[AWESOMEBB]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=$('.posts-description strong:contains("Annonce globale:")').length;
var b=$('.posts-description strong:contains("Annonce:")').length;
var c=$('.posts-description strong:contains("Note:")').length;
if(a<2){$('.posts-description strong:contains("Annonce globale:"):first').closest('.posts-section').before('<div class="M14_div_separate"> ( 1 ) Annonce globale</div>');}
if(a>1){$('.posts-description strong:contains("Annonce globale:"):first').closest('.posts-section').before('<div class="M14_div_separate">('+a+') Annonces globales</div>');}
if(b<2){$('.posts-description strong:contains("Annonce:"):first').closest('.posts-section').before('<div class="M14_div_separate">(1) Annonce</div>');}
if(b>1){$('.posts-description strong:contains("Annonce:"):first').closest('.posts-section').before('<div class="M14_div_separate">('+b+') Annonce(s)</div>');}
if(c<2)
{
$('.posts-description strong:contains("Note:"):first').closest('.posts-section').before('<div class="M14_div_separate">(1) Note</div>');
$('.posts-description strong:contains("Note:")').last().closest('.posts-section').after('<div class="M14_div_separate">Sujets</div>');  
}
if(c>1)
{
$('.posts-description strong:contains("Note:"):first').closest('.posts-section').before('<div class="M14_div_separate">('+c+') Notes</div>');
$('.posts-description strong:contains("Note:")').last().closest('.posts-section').after('<div  class="M14_div_separate">Sujets</div>');  
}
  
if((!b)&&(!c))
{
$('.posts-description strong:contains("Annonce globale:")').last().closest('.posts-section').after('<div class="M14_div_separate">Sujets</div>');
}
if(!c)
{
$('.posts-description strong:contains("Annonce:")').last().closest('.posts-section').after('<div class="M14_div_separate">Sujets</div>');
}
});


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