Hello les ami(e)s,
voici une astuce qui plaira à beaucoup de fondateur ,
elle consiste a afficher un message sur la toolbar et la barre de navigation avec le nombre de message(s) privé(s) non lu(s).
L'aperçu imagé:
![[MODERNBB] Afficher le nombre de message privé non lus sur la toolbar etc 140](https://i.servimg.com/u/f58/11/26/21/37/140.png)
L'astuce vous plait ?
Allez c'est parti

:
Pour cela on va créer un script qu va rechercher seulement les images dans la boite de réception ayant l'attribut title Non -lus .
ensuite le script s'occupe de tout

.
Modules/
HTML JAVASCRIPT/
Gestion des codes Javascript/
Créer un nouveau JavascriptMettre un titre explicite.
Cochez sur toutes les pages.
Déposez ceci:
- Code:
-
jQuery(function(){
$('a.mainmenu[href="/privmsg?folder=inbox"]').html('0 Message');
$.get('/privmsg?folder=inbox' , function(data){
var mp= $(data).find('form[action="/privmsg?folder=inbox"] .icon[style*="https://2img.net/i/fa/modernbb/topic_unread.png"]').length;
if((document.location.pathname=="/")&&(mp))
{
setTimeout(function(){
//MODIFIER LA VALEUR 5000 PAR CELLE QUE VOUS SOUHAITEZ
$('body').append('<audio autoplay><source id="M14_Sound"src="https://www.aht.li/3152172/MPSound.mp3" type="audio/mpeg"></audio>');
}, 5000);}
if(mp==1)
{
$('a.mainmenu[href="/privmsg?folder=inbox"]').html(''+mp+' Message').addClass('M14_newMp');
$('#fa_menu').before('<a href="/privmsg?folder=inbox"class="M14_alertMp">Vous avez un message privé</a>');
}
else if(mp>1)
{
$('a.mainmenu[href="/privmsg?folder=inbox"]').html(''+mp+' Messages').addClass('M14_newMp');
$('#fa_menu').before('<a href="/privmsg?folder=inbox"class="M14_alertMp">Vous avez '+mp+' messages privés</a>');
}
});
});
Pensez a cliquer sur le bouton

Ensuite il ne reste plus qu'a personnaliser le contenu:
Dans la feuille de style:
Affichage/
Images et Couleurs/
Couleurs/
Feuille de styleDéposez ceci:
- Code:
-
/*Apparence MP sur la barre de navigation*/
a.mainmenu.M14_newMp{color:red !important;}
/*Apparence MP sur la Toolbar*/
a.M14_alertMp
{
color: white !important;
font-size: 12px !important;
text-decoration: none !important;
position: absolute;
width: 200px;
margin-left: -200px;
line-height: 30px;
background-color: red;
padding: 0 5px;
}
Pensez à valider les modifications en cliquant sur le bouton Valider Si toutefois vous avez changer le lien de l'image d'un nouveau sujet dans votre P.A , il suffira de changer ce dernier ici:
- Code:
-
.icon[style*="https://2img.net/i/fa/modernbb/topic_unread.png"]').length;