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 Seg 7 Dez 2015 - 21:11

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 : 2956
Pontos Ativos : 4096

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

Resolvido Re: Evitar quebra de linha na legenda

Mensagem por Fraise em Seg 7 Dez 2015 - 21:21

Olá.

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

Abraços.
Fraise


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Fraise — Moderadeiro
avatar

Fraise
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5529
Pontos Ativos : 7189

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

Resolvido Re: Evitar quebra de linha na legenda

Mensagem por IsmaelS. em Seg 7 Dez 2015 - 22:58

@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 : 2956
Pontos Ativos : 4096

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

Resolvido Re: Evitar quebra de linha na legenda

Mensagem por Slurk em Seg 7 Dez 2015 - 23:04

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 : 432

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

Resolvido Re: Evitar quebra de linha na legenda

Mensagem por Fraise em Seg 7 Dez 2015 - 23:05

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

Até mais.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Fraise — Moderadeiro
avatar

Fraise
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5529
Pontos Ativos : 7189

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

Resolvido Re: Evitar quebra de linha na legenda

Mensagem por IsmaelS. em Seg 7 Dez 2015 - 23:08

Ficou perfeito obrigado a ambos!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

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

Resolvido Re: Evitar quebra de linha na legenda

Mensagem por MateusAnjosV em Qua 9 Dez 2015 - 11:10

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 : 1631
Pontos Ativos : 2231

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

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum