Colocar no centro e por uma box shadow

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

Resolvido Colocar no centro e por uma box shadow

Mensagem por Player Will em 25/12/12, 12:48 pm

Qual é minha questão:
Olá,

Como coloco o que está marcado com preto no centro e um box shadow no avatar..



Endereço do meu fórum:
http://www.exptech.com.br

Versão do fórum:
PUNBB


Última edição por ExpTech em 26/12/12, 03:35 pm, editado 1 vez(es)
avatar

Player Will
Nível 5

Masculino
Inscrito dia : 17/12/2012
Mensagens : 42
Pontos Ativos : 60

Ver perfil do usuário http://www.exptech.com.br/forum

Resolvido Re: Colocar no centro e por uma box shadow

Mensagem por BrunoH. em 25/12/12, 12:56 pm

Olá!
Aceda a Folha de Estilo CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
Código:
.user-basic-info {text-align: center;}
.user-basic-info img {-webkit-box-shadow: 1px 1px 5px #9C9C9C;box-shadow: 1px 1px 5px #9C9C9C;}
e Valide!

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Colocar no centro e por uma box shadow

Mensagem por Player Will em 25/12/12, 01:44 pm

Olá,

Funcionou, agora só precisa por o nome o rank no centro Muito feliz
avatar

Player Will
Nível 5

Masculino
Inscrito dia : 17/12/2012
Mensagens : 42
Pontos Ativos : 60

Ver perfil do usuário http://www.exptech.com.br/forum

Resolvido Re: Colocar no centro e por uma box shadow

Mensagem por BrunoH. em 25/12/12, 01:47 pm

Olá!
Adicione este código CSS:
.user {text-align: center;}

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Colocar no centro e por uma box shadow

Mensagem por Player Will em 25/12/12, 01:50 pm

Rank foi pro centro, faltou o Nome do usuario.. Legal!
avatar

Player Will
Nível 5

Masculino
Inscrito dia : 17/12/2012
Mensagens : 42
Pontos Ativos : 60

Ver perfil do usuário http://www.exptech.com.br/forum

Resolvido Re: Colocar no centro e por uma box shadow

Mensagem por BrunoH. em 25/12/12, 01:52 pm

Olá!
Substitua o código por este:
.username, .user {text-align: center;}

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Colocar no centro e por uma box shadow

Mensagem por Player Will em 25/12/12, 01:56 pm

Sem resultado
avatar

Player Will
Nível 5

Masculino
Inscrito dia : 17/12/2012
Mensagens : 42
Pontos Ativos : 60

Ver perfil do usuário http://www.exptech.com.br/forum

Resolvido Re: Colocar no centro e por uma box shadow

Mensagem por BrunoH. em 25/12/12, 01:58 pm

Olá!
Adicione este código CSS:
.username{margin-left: 65px!important;}

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Colocar no centro e por uma box shadow

Mensagem por Player Will em 25/12/12, 02:07 pm

É foi pro centro, mais os nomes maiores que o meu vão fica muito pro lado>>
Então não tem uma outra solução ? Estudar
avatar

Player Will
Nível 5

Masculino
Inscrito dia : 17/12/2012
Mensagens : 42
Pontos Ativos : 60

Ver perfil do usuário http://www.exptech.com.br/forum

Resolvido Re: Colocar no centro e por uma box shadow

Mensagem por seender em 26/12/12, 03:20 pm

Olá!

Então, sempre haverá uma certa desigualdade de espaços... porém, como ultima tentativa use o código abaixo:
Código:
.username a span strong{padding-left:65px!important;}
Se não der certo tente este:
Código:
.username a span strong{padding-right:-65px!important;}
Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Colocar no centro e por uma box shadow

Mensagem por Player Will em 26/12/12, 03:35 pm

É vai fica como está.. Muito feliz
Obrigado seender

até mais;
avatar

Player Will
Nível 5

Masculino
Inscrito dia : 17/12/2012
Mensagens : 42
Pontos Ativos : 60

Ver perfil do usuário http://www.exptech.com.br/forum

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