Como colocar sombras no nick?

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

Resolvido Como colocar sombras no nick?

Mensagem por Doofenshmirtz em 18/11/11, 05:30 pm

Qual é minha questão:
Olá, gostaria de saber como faço para colocar sombras nos nicks dos usuários do forum, igual a esta imagem


http://i41.servimg.com/u/f41/17/01/78/46/sombra10.png

Medidas que eu tomei para corrigir o problema:
*-*

Imagens do meu problema:
http://i41.servimg.com/u/f41/17/01/78/46/sombra10.png

Endereço do meu fórum:
http://thepixelforum.forumeiros.com/

Versão do meu fórum:
PHPBB3
avatar

Doofenshmirtz
Nível 9

Masculino
Inscrito dia : 09/11/2011
Mensagens : 190
Pontos Ativos : 292

Ver perfil do usuário http://tfzuka.forumeiros.com/

Resolvido Re: Como colocar sombras no nick?

Mensagem por Dury em 18/11/11, 09:18 pm

Olá,

Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>
Cole o seguinte código:
a[href="/u1"] {
-moz-box-shadow: 0px 20px 20px #CCCCCC;
-webkit-box-shadow: 0px 20px 20px #CCCCCC;}
Modifique o valor em vermelho pelo número (ID) do usuário em questão.
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Como colocar sombras no nick?

Mensagem por Doofenshmirtz em 18/11/11, 09:55 pm

Jeffrey, o efeito não ficou no nick mas sim em baixo. Sobre o ranking e as estrelas de usuário.
avatar

Doofenshmirtz
Nível 9

Masculino
Inscrito dia : 09/11/2011
Mensagens : 190
Pontos Ativos : 292

Ver perfil do usuário http://tfzuka.forumeiros.com/

Resolvido Re: Como colocar sombras no nick?

Mensagem por Dury em 19/11/11, 12:23 pm

Olá!

Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>
Substitua:
Código:
a[href="/u1"] {
-moz-box-shadow: 5px 7px 10px #CCCCCC;
-webkit-box-shadow: 5px 7px 10px #CCCCCC;
}
Só informando, que usei a classe, e copiei a propriedade deste tutorial: http://ajuda.forumeiros.com/t21773-

Até mais!
Piscada
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Como colocar sombras no nick?

Mensagem por Doofenshmirtz em 19/11/11, 12:29 pm



Olhe como ficou.
avatar

Doofenshmirtz
Nível 9

Masculino
Inscrito dia : 09/11/2011
Mensagens : 190
Pontos Ativos : 292

Ver perfil do usuário http://tfzuka.forumeiros.com/

Resolvido Re: Como colocar sombras no nick?

Mensagem por LuizLopes. em 19/11/11, 12:36 pm

Como o meu amigo Jeffrey já disse teste este código:

Código:
 a[href="/u1"] {
    -moz-box-shadow: 5px 7px 10px #CCCCCC;
    -webkit-box-shadow: 5px 7px 10px #CCCCCC;
    }

Se quiser com uma imagem atrás e a sombra teste esse:
Código:

a[href="/u1"] {
text-shadow: 0 0 5px red;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}

Lembrando que você deve ir até:

Painel de.. Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

Coloque o código citado acima nesta área e então me diga se funciona e enquanto ao número de ID o Jeffrey quer dizer assim:

Clique em um perfil exemplo o meu! Olhe na caixa de endereço e veja que irá ter u.. e algum número então este número é que deverar usar..

Espero ter ajudado..

Luizdedezao!
avatar

LuizLopes.
Usuário avançado

Masculino
Inscrito dia : 04/01/2011
Mensagens : 444
Pontos Ativos : 743

Ver perfil do usuário http://fenixextreme.forumeiros.com

Resolvido Re: Como colocar sombras no nick?

Mensagem por Doofenshmirtz em 19/11/11, 12:54 pm

Olá, o código passado funcionou, mas ficou com efeito então retirei uma só parte a do background. então funcionou. até mais,
avatar

Doofenshmirtz
Nível 9

Masculino
Inscrito dia : 09/11/2011
Mensagens : 190
Pontos Ativos : 292

Ver perfil do usuário http://tfzuka.forumeiros.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