Notificações

2 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Notificações

Mensagem por Diogo Ferreira 05.03.14 20:51

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


Última edição por Diogo Ferreira em 13.03.14 22:31, editado 1 vez(es)
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Notificações

Mensagem por Diogo Ferreira 06.03.14 21:19

bump
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Notificações

Mensagem por Shek 07.03.14 22:14

Boa noite!

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

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Notificações

Mensagem por Diogo Ferreira 07.03.14 22:21

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;
}​
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Notificações

Mensagem por Shek 07.03.14 22:46

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 Muito feliz

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

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Notificações

Mensagem por Diogo Ferreira 07.03.14 23:03

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

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Notificações

Mensagem por Shek 07.03.14 23:43

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

Notificações Result16

Muito feliz
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Notificações

Mensagem por Diogo Ferreira 08.03.14 19:25

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
Diogo Ferreira

Diogo Ferreira
Membro

Membro desde : 24/09/2013
Mensagens : 585
Pontos : 877

http://foradjogo.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos