Notificações de mensagens privadas

Detalhes da questão

Endereço do fórum: http://webgrafic.forumeiro.com/
Versão do fórum: PunBB

Descrição

Estou a utilizar um menu personalizado por templates, só que tem um problema que não notifica as mensagens privadas quando recebemos, tem algum código que possa realizar alguma notificação de novas mensagens privadas?

Crie um novo Javascript com investimento em todas as paginas com esse codigo:

Código:

$(document).ready(function(){

$.get('/privmsg?folder=inbox', function ( bs ) {
var censurado = $('.pun .main .main-content table.table tbody.statused td.tcl.tdtopics:eq(0)', bs).html();
    if($('body #i_icon_mini_new_message').length && $('body #i_icon_mini_new_message') != null){
var mp_new = $('#i_icon_mini_new_message').attr("alt").match(/[0-9]+/);

$('body').prepend('
<div class="mpnew_targetcode" id="boxe_targetcode">
 <div class="headermpnew" id="textotarget">
<span id="msg_header"> <span>Você </span>  <span>recebeu </span>          uma nova mensagem</span> </div><a href="#cls" id="close_window" class="closein"> X </a> <div class="infomp">  Você tem '+ mp_new +' mensagem(ns) não lida(s)</div><br /><div class="newmp_bs">  '+ censurado +' </div><br /><br /> <a href="/privmsg?folder=" class="restantemp"> Ver mais!</a></div><div class="forabg"></div>  ');

$('.newmp_bs a.topictitle').after('<br />');

$('div.infomp').css('cssText', 'color: #fff !important');

$('.closein, .forabg').click(function(){
$('.mpnew_targetcode, .forabg').hide();
});

    }

});

    });

Resultou? fico no aguardo, ele fará um efeito na qual, quando você receber mensagem privada, abrirá uma box (caixa) informando o MP.

Não resultou amigo.

UP!

Olá!

Crie um novo código JavaScript com o seguinte contéudo:

Código:

$(function(e) { var mp = document.getElementById('i_icon_mini_new_message');if(!mp) return; var mps = $(mp).attr("alt").match(/[0-9]+/); $('a[href^="./privmsg?folder=inbox"]').attr('data-counter', ''+mps+''); });

Ainda não terá qualquer efeito, mas aplique este primeiro para eu fazer uns testes.

Até mais.

Já foi adicionado!

Olá!

Agora adicione a sua folha de estilos:

Código:

[data-counter]::after {
    background: #FFF none repeat scroll 0% 0% padding-box;
    height: 5px;
    content: attr(data-counter);
    position: absolute;
    padding: 2px 4px 9px;
    border-radius: 2px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5), 0px 1px 4px rgba(0, 0, 0, 0.4), 0px 0px 1px rgba(0, 0, 0, 0.21) inset, 0px 10px 0px rgba(255, 255, 255, 0.11) inset;
    font: 800 9px "Helvetica Neue",sans-serif;
    color: #FBA700;
    text-decoration: none;
    margin-left: -44.9%;
    margin-top: 14px;
}

Até mais.

Perfeito amigo obrigado!