Notificação Personalizada

Nome do Arquivo: Notificação Personalizada
Autor: Houdini
Funcionalidade: Todas as versões
Categoria: Recursos BestSkins

Com uma simples personalização em CSS conseguimos um efeito bem elegante.
Quando se tem alguma notificação pendente ficará como na imagem:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Adicione ao seu Css:

Código:


#fa_toolbar #fa_right #fa_notifications.unread #notif_unread {
background: #181818;
background-image: url(http://i.imgur.com/aovdw88.png);
background-position: 25px 2px;
background-repeat: no-repeat;
display: inline;
padding: 7px 25px 7px 5px;
color: #FF2020;
}


* Testei apenas no meu fórum, que é Punbb.

Essa barra é universal... qualquer código direcionado à ela, o efeito será aplicado em todas as versões. [sucesso=Tutorial aceito][/sucesso]Movido para: Dicas e Tutoriais

Ótimo código amigo!
de fácil modificação e personalização!

bom código, parabéns.