Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[PHPBB3] Ajouter les nombres dans la messagerie


3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mer 22 Aoû 2018 - 16:59

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.


Dernière édition par photoclic le Jeu 23 Aoû 2018 - 12:27, édité 1 fois
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Jeu 23 Aoû 2018 - 9:08

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
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Jeu 23 Aoû 2018 - 12:26

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 tape la


Jackymi
Jackymi
MIlouzien regretté

http://www.skywebforum.com/

MessageJackymi Jeu 23 Aoû 2018 - 12:38


Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum