Fundo atras do nome

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

Resolvido Fundo atras do nome

Mensagem por Cooper em 04/05/17, 01:36 pm

Detalhes da questão


Endereço do fórum: http://hexuslab.forumeiros.com/
Versão do fórum: PunBB

Descrição


Olá, queria deixar o nome de usuário igual a este: http://prntscr.com/f43jed , com esta caixa de fundo.
Poderiam me ajudar?
Desde já, obrigado!
avatar

Cooper
Usuário avançado

Masculino
Inscrito dia : 18/02/2013
Mensagens : 318
Pontos Ativos : 593

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

Resolvido Re: Fundo atras do nome

Mensagem por Luiz em 04/05/17, 01:39 pm

Olá,

Adicione ao final de sua Folha de Estilo CSS:
Código:
.user-ident,
.user-ident * {
  box-sizing: border-box;
}

span[itemprop="name"] {
  border: solid 1px #ddd;
  padding: 10px 0px;
  width: 100%;
  border-radius: 3px;
  display: inline-block;
  margin: 15px 0px!important;
  box-shadow: inset 0 0 35px rgba(0, 0, 0, 0.12);
}

o/
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Fundo atras do nome

Mensagem por Cooper em 04/05/17, 01:44 pm

Opa, deu certo, mas o nome ta pequeno, de olha olhada: http://prntscr.com/f43nsm
avatar

Cooper
Usuário avançado

Masculino
Inscrito dia : 18/02/2013
Mensagens : 318
Pontos Ativos : 593

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

Resolvido Re: Fundo atras do nome

Mensagem por Luiz em 04/05/17, 01:57 pm

Altere o código acima por:
Código:
.user-ident,
.user-ident * {
  box-sizing: border-box;
}
 
span[itemprop="name"] {
  border: solid 1px #ddd;
  padding: 10px 0px;
  width: 100%;
  border-radius: 3px;
  display: inline-block;
  margin: 15px 0px!important;
  box-shadow: inset 0 0 35px rgba(0, 0, 0, 0.12);
  font-size: 14px;
}

Se for necessário, altere o valor
14px
à seu gosto.

o/
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Fundo atras do nome

Mensagem por Cooper em 04/05/17, 02:11 pm

Obrigado =], obteve resultado!
avatar

Cooper
Usuário avançado

Masculino
Inscrito dia : 18/02/2013
Mensagens : 318
Pontos Ativos : 593

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

Resolvido Re: Fundo atras do nome

Mensagem por Luiz em 04/05/17, 02:16 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

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