Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
232 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 232 Visitantes :: 1 Motor de busca

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Qui 4 Maio 2017 - 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!
avatar

Cooper
Usuário avançado

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

http://hexusgames.forumeiros.com

Resolvido Re: Fundo atras do nome

Mensagem por Luiz~ em Qui 4 Maio 2017 - 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~Ajudeiro - Fórum dos Fóruns
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2894
Pontos Ativos : 3655

http://ajuda.forumeiros.com/

Resolvido Re: Fundo atras do nome

Mensagem por Cooper em Qui 4 Maio 2017 - 17:44

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

Cooper
Usuário avançado

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

http://hexusgames.forumeiros.com

Resolvido Re: Fundo atras do nome

Mensagem por Luiz~ em Qui 4 Maio 2017 - 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~Ajudeiro - Fórum dos Fóruns
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2894
Pontos Ativos : 3655

http://ajuda.forumeiros.com/

Resolvido Re: Fundo atras do nome

Mensagem por Cooper em Qui 4 Maio 2017 - 18:11

Obrigado =], obteve resultado!
avatar

Cooper
Usuário avançado

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

http://hexusgames.forumeiros.com

Resolvido Re: Fundo atras do nome

Mensagem por Luiz~ em Qui 4 Maio 2017 - 18:16

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~Ajudeiro - Fórum dos Fóruns
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2894
Pontos Ativos : 3655

http://ajuda.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