Css para numero de mp

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

Resolvido Css para numero de mp

Mensagem por aemdia6 em 19/03/14, 05:58 am

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



vlw galera...

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

Versão do fórum:
PHPBB3


Última edição por aemdia6 em 19/03/14, 10:21 pm, editado 1 vez(es)
avatar

aemdia6
Usuário avançado

Masculino
Inscrito dia : 26/07/2013
Mensagens : 307
Pontos Ativos : 474

Ver perfil do usuário http://xgamesaem.forumclan.com/

Resolvido Re: Css para numero de mp

Mensagem por Hancki em 19/03/14, 06:47 am

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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Css para numero de mp

Mensagem por aemdia6 em 19/03/14, 07:20 pm

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

aemdia6
Usuário avançado

Masculino
Inscrito dia : 26/07/2013
Mensagens : 307
Pontos Ativos : 474

Ver perfil do usuário http://xgamesaem.forumclan.com/

Resolvido Re: Css para numero de mp

Mensagem por aemdia6 em 19/03/14, 10:20 pm

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

aemdia6
Usuário avançado

Masculino
Inscrito dia : 26/07/2013
Mensagens : 307
Pontos Ativos : 474

Ver perfil do usuário http://xgamesaem.forumclan.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum