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
» Direccionar para outra página
Hoje à(s) 10:25 pm por Harleen

» Mudar caixas de usuários online, grupos e aniversariantes
Hoje à(s) 10:19 pm por William_iHarDz

» Personalizar Perfil de conquistas
Hoje à(s) 09:47 pm por Harleen

» Adicionar widget últimos assuntos no portal
Hoje à(s) 09:42 pm por Harleen

» Construção de Header
Hoje à(s) 09:01 pm por IsmaelS.

» Mostrar usuário do post
Hoje à(s) 09:00 pm por rlmac

» Retirar Fundo
Hoje à(s) 07:59 pm por [K]oke

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
229 usuários online :: 6 usuários cadastrados, 1 Invisível e 222 Visitantes :: 2 Motores de busca

Holkis, Igor6, iScroll, odelgado, rlmac, William_iHarDz

[ 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 : 2772
Pontos Ativos : 3869

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
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4979
Pontos Ativos : 6634

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 : 2772
Pontos Ativos : 3869

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

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
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4979
Pontos Ativos : 6634

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 : 2772
Pontos Ativos : 3869

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 : 1432
Pontos Ativos : 2006

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