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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Menu+Personalização da barra
Hoje à(s) 12:08 am por Harleen

» Logo com descrição/título
Ontem à(s) 11:44 pm por Maya Sparda

» Botoes aprovado e reprovado
Ontem à(s) 11:13 pm por zHugh

» [Sugestão] Grupo de Acesso ao Painel
Ontem à(s) 10:35 pm por iScroll

» Como fixa a mensagem
Ontem à(s) 10:16 pm por Xigncode3

» Opção de visualizar mensagens que foram editadas
Ontem à(s) 08:32 pm por Luiz

» Como passar para a direita um efeito de Halloween
Ontem à(s) 08:29 pm por DustyRhodes

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
182 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 181 Visitantes :: 2 Motores de busca

Railison Ramon

[ Ver toda a lista ]


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

Evitar quebra de linha na legenda

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

Resolvido Evitar quebra de linha na legenda

Mensagem por IsmaelS. em 07/12/15, 09:11 pm

Detalhes da questão


Endereço do fórum: http://master-publicitario.forumeiros.com/forum
Versão do fórum: PhpBB3

Descrição


Olá!

Gostaria de ajustar o aspeto da legenda dos grupos do meu fórum, acrescentei um grupo e agora ficou assim:


Queria colocar o "Programadores" ao lado de "Designers", código de .CSS:
Código:
/* Aspecto de legenda */
#i_whosonline + p br + br + em {
      width: 70%;
      background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
      border: 2px solid #DDD;
      border-radius: 6px;
      text-align: justify;
      padding: 10px 8px 5px 5px;
      display: block;
      margin: 0 auto;
      font-size: 0px;
      color: transparent;
  }
  #i_whosonline + p br + br + em a {
      -webkit-transition-duration: .3s;
      font-size: 15px;
      margin: 0 5px;
      font-style: normal;
      font-weight: normal;
  }
  #i_whosonline + p br + br + em a:hover {
      background: #DDD;
      padding: 10px 8px 5px;
  }
  #i_whosonline + p br + br + em {
    text-align: center !important;
    width: 71% !important;
}
 .img-whois {
   float: right;
    margin-left: 5px;
}
   #i_whosonline + p br + br + em {
    text-align: center !important;
    width: 81% !important;
}
 #i_whosonline + p br + br + em { padding: 10px 65px 5px 5px !important; }

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2949
Pontos Ativos : 4089

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Evitar quebra de linha na legenda

Mensagem por Fraise em 07/12/15, 09:21 pm

Olá.

Adiciona no inicio do teu CSS:
Código:
#i_whosonline + p br + br + em a { margin: -5px !important; }

Abraços.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Evitar quebra de linha na legenda

Mensagem por IsmaelS. em 07/12/15, 10:58 pm

@Fraise só podia ajustar uma coisa? Ao passar o mouse por um dos grupos volta para baixo o "Programadores" queria evitar isso, é possível?

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2949
Pontos Ativos : 4089

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Evitar quebra de linha na legenda

Mensagem por Slurk em 07/12/15, 11:04 pm

Olha amigo, adicone esse codigo CSS em no inicio de sua folha de estilo:

Código:
 #i_whosonline + p br + br + em a {font-size: 13px;}

ira diminuir pouca coisa do tamanho, não se preocupe, ele atualmente ta em 16px.

Mas pelo menos não terá esse "probleminha" que você citou.
avatar

Slurk
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos Ativos : 427

Ver perfil do usuário http://beststyle.forumeiros.com/
  • 0

Resolvido Re: Evitar quebra de linha na legenda

Mensagem por Fraise em 07/12/15, 11:05 pm

Troque por este:
Código:
#i_whosonline + p br + br + em a { margin: -8px !important; }

Até mais.
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Evitar quebra de linha na legenda

Mensagem por IsmaelS. em 07/12/15, 11:08 pm

Ficou perfeito obrigado a ambos!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2949
Pontos Ativos : 4089

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Evitar quebra de linha na legenda

Mensagem por MateusAnjosV em 09/12/15, 11:10 am

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

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1434
Pontos Ativos : 2003

Ver perfil do usuário 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