Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Sistema de mensagens privadas que tinha aqui

2 participantes

Início :: Forumeiros :: NostalgiaSistema de mensagens privadas que tinha aqui

GyGu GyGu  • Dom 16 Jun 2013 - 10:17

Sistema de mensagens privadas que tinha aqui Empty Sistema de mensagens privadas que tinha aqui Dom 16 Jun 2013 - 10:17

Qual é minha questão:
Olá eu estou querendo o sistema de mensagens privadas que antes havia aqui na BestSkins


Eu sei que tinha este código a baixo em JS e um CSS mais ai eu perdi o CSS

Eu queria que esse efeito aparecesse aqui (Ver imagem a baixo)

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]



JS utilizado aqui na BS antes

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

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Daemon Daemon  • Dom 16 Jun 2013 - 10:20

Sistema de mensagens privadas que tinha aqui Empty Re: Sistema de mensagens privadas que tinha aqui Dom 16 Jun 2013 - 10:20

Adicione em teu css:
Código:
/* MP */
[data-counter]:after {
    background-color: #CF2020;
    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;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
    -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
    border-radius:2px;
    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: 5px;
    padding: 5px;
    margin-top: -3px;
    vertical-align: top;
    height: 6px;
    line-height: 6px;
}​
Wink!

GyGu GyGu  • Dom 16 Jun 2013 - 10:24

Sistema de mensagens privadas que tinha aqui Empty Re: Sistema de mensagens privadas que tinha aqui Dom 16 Jun 2013 - 10:24

Muito obrigado Daemon e o efeito vai surgir no sitio que eu mostro na imagem?

Daemon Daemon  • Dom 16 Jun 2013 - 10:29

Sistema de mensagens privadas que tinha aqui Empty Re: Sistema de mensagens privadas que tinha aqui Dom 16 Jun 2013 - 10:29

Sim, basta aplicar este css junto ao JS que você possui.
Posso dar como resolvido?

GyGu GyGu  • Dom 16 Jun 2013 - 10:34

Sistema de mensagens privadas que tinha aqui Empty Re: Sistema de mensagens privadas que tinha aqui Dom 16 Jun 2013 - 10:34

Já aparece sim, apenas uma coisa dá para chegar um pouco mais para a esquerda? Veja na imagem a baixo!

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Daemon Daemon  • Dom 16 Jun 2013 - 10:51

Sistema de mensagens privadas que tinha aqui Empty Re: Sistema de mensagens privadas que tinha aqui Dom 16 Jun 2013 - 10:51

Troque o css por:
Código:
/* MP */
[data-counter]:after {
    background-color: #CF2020;
    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;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
    -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
    border-radius:2px;
    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);
    padding: 5px;
    margin-top: -3px;
    vertical-align: top;
    height: 6px;
    line-height: 6px;
}​

GyGu GyGu  • Dom 16 Jun 2013 - 12:24

Daemon Daemon  • Dom 16 Jun 2013 - 12:31

Sistema de mensagens privadas que tinha aqui Empty Re: Sistema de mensagens privadas que tinha aqui Dom 16 Jun 2013 - 12:31

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]

Conteúdo patrocinado  • 

Sistema de mensagens privadas que tinha aqui Empty Re: Sistema de mensagens privadas que tinha aqui

Início :: Forumeiros :: Nostalgia:: Sistema de mensagens privadas que tinha aqui
Permissões neste sub-fórum
Não podes responder a tópicos