[PHPBB3] Ajouter les nombres dans la messagerie

Bonjour,

J'aime bien les infos ajoutées sur ce forum concernant la messagerie.

Serait-il possible d'avoir cette fonction, en ajoutant des nombres au dessus des images ici:

Spoiler:

Merci pour votre aide.

Hello Serge,
en attendant que je puisse mettre en place une version plus légère qu'Arnaud m'a concocté.
Je te propose celle-ci:

Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCrées un nouveau javascript


Mets un titre explicite.
Coches sur toutes les pages.


Déposes ceci:

Code:


$(function(){
$.get('/privmsg?folder=inbox',function(data){
  $('#privmsgs-menu').find('li:eq(0) img').after('<span class="M14_SpanMP"></span>');
var setNumberPM=function(n){
var n=n.toString();

 $('#privmsgs-menu').find('li:eq(0) span').text(n.length?" "+n:n);

        };
        var liens_pages=$(data).find('span.pagination span a[href*="folder=inbox"]:not(.pag-img)');
        var number=liens_pages.length;
        var totalresult=$(data).find('form[action="/privmsg?folder=inbox"]').find('a.topictitle').closest('li').length;
        setNumberPM(totalresult);
        if(!number)return;
        setNumberPM("");
        totalresult*=number;
$.get(liens_pages.eq(-1).attr('href'),function(data){
            totalresult+=$(data).find('form[action="/privmsg?folder=inbox"]').find('a.topictitle').closest('li').length;
            setNumberPM(totalresult);
        });
    });
});
$(function(){
 
$.get('/privmsg?folder=sentbox',function(data){
  $('#privmsgs-menu').find('li:eq(1) img').after('<span class="M14_SpanMP"></span>');

var setNumberPM=function(n){
var n=n.toString();
 $('#privmsgs-menu').find('li:eq(1) span').text(n.length?" "+n:n);

        };
        var liens_pages=$(data).find('span.pagination span a[href*="folder=sentbox"]:not(.pag-img)');
        var number=liens_pages.length;
        var totalresult=$(data).find('form[action="/privmsg?folder=sentbox"] ').find('a.topictitle').closest('li').length;
        setNumberPM(totalresult);
        if(!number)return;
        setNumberPM("");
        totalresult*=number;
        $.get(liens_pages.eq(-1).attr('href'),function(data){
            totalresult+=$(data).find('form[action="/privmsg?folder=sentbox"] ').find('a.topictitle').closest('li').length;
            setNumberPM(totalresult);
        });
    });
});
$(function(){
 
$.get('/privmsg?folder=outbox',function(data){
  $('#privmsgs-menu').find('li:eq(2) img').after('<span class="M14_SpanMP"></span>');

var setNumberPM=function(n){
var n=n.toString();
 $('#privmsgs-menu').find('li:eq(2) span').text(n.length?" "+n:n);

        };
        var liens_pages=$(data).find('span.pagination span a[href*="folder=outbox"]:not(.pag-img)');
        var number=liens_pages.length;
        var totalresult=$(data).find('form[action="/privmsg?folder=outbox"] ').find('a.topictitle').closest('li').length;
        setNumberPM(totalresult);
        if(!number)return;
        setNumberPM("");
        totalresult*=number;
        $.get(liens_pages.eq(-1).attr('href'),function(data){
            totalresult+=$(data).find('form[action="/privmsg?folder=outbox"]').find('a.topictitle').closest('li').length;
            setNumberPM(totalresult);
        });
    });
});
$(function(){
 
$.get('/privmsg?folder=savebox',function(data){
  $('#privmsgs-menu').find('li:eq(3) img').after('<span class="M14_SpanMP"></span>');

var setNumberPM=function(n){
var n=n.toString();
 $('#privmsgs-menu').find('li:eq(3) span').text(n.length?" "+n:n);

        };
        var liens_pages=$(data).find('span.pagination span a[href*="folder=savebox"]:not(.pag-img)');
        var number=liens_pages.length;
        var totalresult=$(data).find('form[action="/privmsg?folder=savebox"]').find('a.topictitle').closest('li').length;
        setNumberPM(totalresult);
        if(!number)return;
        setNumberPM("");
        totalresult*=number;
        $.get(liens_pages.eq(-1).attr('href'),function(data){
            totalresult+=$(data).find('form[action="/privmsg?folder=savebox"]').find('a.topictitle').closest('li').length;
            setNumberPM(totalresult);
        });
    });
});



Penses a cliquer sur le bouton Valider



Puis la css a modifier comme tu le souhaites en prenant soin de bien garder les proportions des valeurs du width et height :


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Déposes ceci:

Code:


span.M14_SpanMP
{
background: #000;
border-radius: 100%;
color: orange;
font-size: 11px;
height: 24px;
margin-top: -28px;
position: absolute;
width: 24px;
margin-left: -24px;
}



Penses à valider les modifications en cliquant sur le bouton Valider

Bonjour Philippe,

Vraiment sympa d'offrir cette astuce.

Quand tu parles de version allégée, tu penses peut-être à une boucle évitant la répétition de scripts?

En l'état, ça fonctionne déjà parfaitement.

Un grand merci l'ami