Fundo atras do nome

2 participantes

Ir para baixo

Tópico resolvido Fundo atras do nome

Mensagem por Cooper 04.05.17 17:36

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!
Cooper
Cooper
*****

Membro desde : 19/02/2013
Mensagens : 415
Pontos : 741

http://apixelados.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo atras do nome

Mensagem por Luiz 04.05.17 17:39

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/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo atras do nome

Mensagem por Cooper 04.05.17 17:44

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

Membro desde : 19/02/2013
Mensagens : 415
Pontos : 741

http://apixelados.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo atras do nome

Mensagem por Luiz 04.05.17 17:57

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/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo atras do nome

Mensagem por Cooper 04.05.17 18:11

Obrigado =], obteve resultado!
Cooper
Cooper
*****

Membro desde : 19/02/2013
Mensagens : 415
Pontos : 741

http://apixelados.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fundo atras do nome

Mensagem por Luiz 04.05.17 18:16

Fundo atras do nome Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos