Notificações

Qual é minha questão:
Amigo, a mim nas amensagens privadas aparece assim: http://gyazo.com/8471382ea04b5ad60bd43d63ee192f40

Eu gostaria de saber se para as notificações, aparecia o mesmo.
Tem como?

Endereço do meu fórum:
http://foradjogo.forumeiros.com

Versão do fórum:
PUNBB

bump

Boa noite!

Você poderia nos fornecer o código que usa no momento para o efeito em Mensagens Privadas?

JS

Código:

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

CSS

Código:

[data-counter]:after {
background-color: #00ba3b;
background-image: -webkit-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -moz-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -o-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -ms-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: linear-gradient(#FF6969 0%, #ff0000 100%);
content: attr(data-counter);
position: absolute;
padding: 2px 6px;
border: 2px solid white;
border-radius:100px;
box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4), 0 0 1px rgba(0,0,0,.7) inset, 0 10px 0px rgba(255,255,255,.11) inset;
background-clip: padding-box;
font:bold 10px "Helvetica Neue", sans-serif;
color: white;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0,0,0,.6);
margin-left: -10px;
margin-top: 10px;
}​

Boa noite!

Descobri que podemos fazer sem JS. :DA barra de ferramentas já emite o número de MPs ou notificações, mas, usando o CSS temos o mesmo efeito:

Código:

 #notif_unread {
display: inline;
background-color: #00ba3b;
background-image: -webkit-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -moz-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -o-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: -ms-linear-gradient(#FF6969 0%, #ff0000 100%);
background-image: linear-gradient(#FF6969 0%, #ff0000 100%);
content: attr(data-counter);
position: absolute;
padding: 2px 6px;
border: 2px solid white;
border-radius: 100px;
box-shadow: 0 1px 2px rgba(0,0,0,.5), 0 1px 4px rgba(0,0,0,.4), 0 0 1px rgba(0,0,0,.7) inset, 0 10px 0px rgba(255,255,255,.11) inset;
background-clip: padding-box;
font: bold 10px "Helvetica Neue", sans-serif;
color: white;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0,0,0,.6);
margin-left: -10px;
margin-top: 22px;
}

#fa_menu {
display: inline-block !important;
content: attr(data-counter) !important;
position: absolute !important;
margin-left: -14% !important;
}

#fa_right {
float: right !important;
font-size: 14px !important;
display: inline-block !important;
content: attr(data-counter) !important;
}


Adicione este código CSS em sua folha de estilos CSS e veja se resulta.

Atenciosamente,
Shek

Tópico movido de 'Questões sobre códigos' para 'Questões sobre aparência'

Comentaram um tópico meu e não recebi nada nas notificações

O resultado:
Para receber notificações de um tópico na barra de ferramentas, você deve segui-lo!

EDIT:
Será então possível adicionar esta caixa das notificações da forumeiros sempre que clicando neste simbolo do meu fórum ( http://gyazo.com/20113cb691cee6ba8fc2b43b6103b9f7 )

Se for, ajudem aí sff