Css para numero de mp

2 participantes

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

Tópico resolvido Css para numero de mp

Mensagem por aemdia6 19.03.14 8:58

Qual é minha questão:
Olá gostaria de saber se existe algum css para personaliza o link de mensagens privadas:

Css para numero de mp Imagem

vlw galera...

Endereço do meu fórum:
http://xgamesaem.forumclan.com

Versão do fórum:
PHPBB3


Última edição por aemdia6 em 20.03.14 1:21, editado 1 vez(es)
aemdia6

aemdia6
****

Membro desde : 26/07/2013
Mensagens : 307
Pontos : 474

http://xgamesaem.forumclan.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Css para numero de mp

Mensagem por Hancki 19.03.14 9:47

Olá!

Use este código numa nova página JS:
Código:
$(function(g){var G=document.getElementById('i_icon_mini_new_message');if(!G)return;var h=$(G).attr("alt").match(/[0-9]+/);$('li a[href^="/privmsg"]').attr('data-counter',''+h+'');});
Depois adicione este CSS na sua folha de estilos:
Código:
[data-counter]:after {
    background-color: #FF6969;
    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;
}​
Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para numero de mp

Mensagem por aemdia6 19.03.14 22:20

Olá amigo, não resultou não.. tah mesmo jeito.. vlw Obrigado pela resposta... Abraço..
aemdia6

aemdia6
****

Membro desde : 26/07/2013
Mensagens : 307
Pontos : 474

http://xgamesaem.forumclan.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Css para numero de mp

Mensagem por aemdia6 20.03.14 1:20

Ok vou criar outro tópico com um estilo daqui mesmo ok, mesmo assim obrigado por mim ajudar vlw...
aemdia6

aemdia6
****

Membro desde : 26/07/2013
Mensagens : 307
Pontos : 474

http://xgamesaem.forumclan.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