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
» Templates/CSS
Hoje à(s) 18:19 por Taxy_InSaniTy

» [Ranks] Substituição
Hoje à(s) 16:56 por Heikki

» Criar código com imagens e links de especies
Hoje à(s) 14:10 por Hancki

» Como pedir análise de fórum?
Hoje à(s) 2:00 por virus

» Novos tópicos
Ontem à(s) 23:31 por IsmaelS.

» Slide em todas as páginas
Ontem à(s) 23:29 por IsmaelS.

» Personalizar Likes
Ontem à(s) 22:39 por iScroll

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
233 usuários online :: 10 usuários cadastrados, Nenhum Invisível e 223 Visitantes :: 1 Motor de busca

Alcohol, APOllO, Dr., eric2833, Heikki, Ketholy123, odelgado, Solkis, Taxy_InSaniTy, virus

[ Ver toda a lista ]


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

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 - 23: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 : 2835
Pontos Ativos : 3933

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 - 23:21

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 : 5020
Pontos Ativos : 6700

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 Ter 8 Dez 2015 - 0: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 : 2835
Pontos Ativos : 3933

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

Resolvido Re: Evitar quebra de linha na legenda

Mensagem por Slurk em Ter 8 Dez 2015 - 1: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 : 427

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

Resolvido Re: Evitar quebra de linha na legenda

Mensagem por Fraise em Ter 8 Dez 2015 - 1:05

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 : 5020
Pontos Ativos : 6700

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 Ter 8 Dez 2015 - 1:08

Ficou perfeito obrigado a ambos!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2835
Pontos Ativos : 3933

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 - 13: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 : 1434
Pontos Ativos : 2008

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