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
» Remover permissão
Hoje à(s) 07:25 pm por paulim78

» Avatar - James
Hoje à(s) 07:19 pm por JamesZ.

» Últimos Assuntos personalizados
Hoje à(s) 06:35 pm por Harleen

» Botões adicionar amigos
Hoje à(s) 06:02 pm por Harleen

» Sistema de like nas mensagens
Hoje à(s) 04:31 pm por Marcelo22m2

» Ranks Servidor RPG
Hoje à(s) 04:01 pm por APOllO

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

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

Quem está conectado
278 usuários online :: 7 usuários cadastrados, Nenhum Invisível e 271 Visitantes :: 1 Motor de busca

'Dante, >.< T-T =3, Hancki, JamesZ., Lincoln, paulim78, rlmac

[ Ver toda a lista ]


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

Quebrar linha no título dos fóruns na versão móvel

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

Resolvido Quebrar linha no título dos fóruns na versão móvel

Mensagem por Daniel Z em 23/09/16, 11:45 am

Detalhes da questão


Endereço do fórum: http://rpgteste.queroforum.net/
Versão do fórum: PunBB

Descrição


Buenas, galerinha.
Na Versão mobile, o título dos fóruns na visualização das categorias tem um efeito "text-overflow:ellipsis" para prevenir que o texto bata em cima da div que marca a quantidade de mensagens:



Estou tentando aplicar um CSS para que o texto seja mostrado em sua forma integral, mas que ao mesmo tempo, ele quebre a linha ao chegar próximo a mensagem dos posts:



Problema, é que tenho falhado em alcançar o objetivo:

Código:

.forum-content h3 {
text-overflow: initial;
width: 65%;
word-wrap: break-word;
}

Para elucidar melhor, vejam como o texto é quebrado nesse fórum em "Announcements and Important Topics": http://fmdesign.forumotion.com/forum




Última edição por Daniel Z em 23/09/16, 03:59 pm, editado 2 vez(es)
avatar

Daniel Z
Nível 8

Masculino
Inscrito dia : 30/04/2012
Mensagens : 104
Pontos Ativos : 167

http://rpgteste.queroforum.net/

Resolvido Re: Quebrar linha no título dos fóruns na versão móvel

Mensagem por Shek em 23/09/16, 12:21 pm

Bom dia!

Por favor, aplique este código em sua folha de estilos CSS e salve:
Código:
div#wrap main div.forum div.forum-content h3 {
  white-space: normal !important;
}
Atualize a sua página do fórum pela versão móvel, e verifique se resultou. Piscada

Atenciosamente,
Shek King

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'


ShekAdmineiro - Fórum dos Fóruns
Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16468
Pontos Ativos : 20861

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Quebrar linha no título dos fóruns na versão móvel

Mensagem por Daniel Z em 23/09/16, 03:57 pm

Valeu, @shek.
Fiquei tão ligado no text-overflow que nem pensei em outra coisa.

white-space resolveu tudo.



Resolvido. Obrigado.
avatar

Daniel Z
Nível 8

Masculino
Inscrito dia : 30/04/2012
Mensagens : 104
Pontos Ativos : 167

http://rpgteste.queroforum.net/

Resolvido Re: Quebrar linha no título dos fóruns na versão móvel

Mensagem por while em 23/09/16, 04:06 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

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

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