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
» Ranks Servidor RPG
Hoje à(s) 03:36 pm por Roger_Crazzy

» Remover propaganda
Hoje à(s) 03:08 pm por Kyo Panda

» Botões adicionar amigos
Hoje à(s) 01:14 pm por Kyo Panda

» Sistema de like nas mensagens
Hoje à(s) 01:06 pm por Kyo Panda

» Remover permissão
Hoje à(s) 12:31 pm por paulim78

» O tópico ou mensagem que você está procurando não existe
Hoje à(s) 12:21 pm por paulim78

» Adicionar Javascript no post
Hoje à(s) 12:03 pm por Marmitt

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Luiz
 
Marcelo22m2
 
Kyo Panda
 
paulim78
 
Lincoln
 
Shek
 
APOllO
 
>.< T-T =3
 
b@nzé
 

Quem está conectado
313 usuários online :: 9 usuários cadastrados, 1 Invisível e 303 Visitantes :: 1 Motor de busca

Ajux, Connor R., JamesZ., Key of Destiny, Kyo Panda, Lincoln, Marmitt, paulim78, Roger_Crazzy

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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

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
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3507
Pontos Ativos : 4208

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

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
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3507
Pontos Ativos : 4208

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

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
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3507
Pontos Ativos : 4208

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