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
» Imagem AVATAR
Hoje à(s) 03:19 pm por cheephard

» Logo Forum
Hoje à(s) 03:16 pm por cheephard

» Botões de mensagens estilo natalício
Hoje à(s) 03:11 pm por Holkis

» Temas Temporários
Hoje à(s) 02:54 pm por banzé

» Bloquear ícones nas mensagens privadas
Hoje à(s) 02:26 pm por Ketholy

» Caixa de busca desalinhado
Hoje à(s) 02:08 pm por Eduardo Lima

» Criar um dropdown do usuário ao clicar em perfil
Hoje à(s) 01:54 pm por Ketholy

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

banzé, beoowulf, cheephard, Gaaratsu, Holkis, James Watts, Jeckwilke, Ketholy, Lost154, LucasPofahl, Luiz, MatiasReis123, paulim78, ranzatti, Shek, uilya

[ Ver toda a lista ]


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

Título/descrição fica por cima do ícone, como resolver

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

Resolvido Título/descrição fica por cima do ícone, como resolver

Mensagem por Eduardo Lima em 12/11/17, 11:43 pm

Detalhes da questão


Endereço do fórum: http://www.brasilplayforever.com/forum
Versão do fórum: phpBB3

Descrição


Olá,

Queria uma solução para este problema: https://imgur.com/a/CR2Yy, queria que tivesse uma quebra de linha ou que ocultasse uma parte do título/descrição para que não dê esse problema.


Última edição por Eduardo Lima em 15/11/17, 12:05 am, editado 2 vez(es)

Eduardo Lima
Nível 8

Inscrito dia : 07/03/2016
Mensagens : 133
Pontos Ativos : 228

Ver perfil do usuário http://www.brasilplayforever.com/forum

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por Gaaratsu em 13/11/17, 12:50 am

Saudações amigo!

Adicione em sua CSS o seguinte código:
Código:
.row .dterm[style] {
    background-position: 100% 85% !important;
}
a.topictitle {
white-space: pre-line !important;
}

Att! Feliz
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5712
Pontos Ativos : 7156

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

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por Luiz em 13/11/17, 01:35 pm

Tópico movido de 'Outras questões' para 'Questões sobre a aparência do fórum'.


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.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por Eduardo Lima em 14/11/17, 04:08 pm

Não resultou...

Eduardo Lima
Nível 8

Inscrito dia : 07/03/2016
Mensagens : 133
Pontos Ativos : 228

Ver perfil do usuário http://www.brasilplayforever.com/forum

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por Luiz em 14/11/17, 04:56 pm

Olá,

Remova o código anterior, trocando-o por este:
Código:
.icon > .dterm[style] {
  padding-right: 90px;
  box-sizing: border-box;
}

o/


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.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por Eduardo Lima em 14/11/17, 05:33 pm

O que era pra resolver, resolveu... porém aconteceu isso: https://i.imgur.com/UFVWUet.png, se perceber, os tópicos que possuem ícone, as informações do tópico se posicionaram um pouco mais a frente, ficando desproporcional aos sem ícones.

Eduardo Lima
Nível 8

Inscrito dia : 07/03/2016
Mensagens : 133
Pontos Ativos : 228

Ver perfil do usuário http://www.brasilplayforever.com/forum

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por Luiz em 14/11/17, 05:35 pm

Tente trocar o código por:
Código:
.icon > .dterm {
  padding-right: 90px;
  box-sizing: border-box;
}


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.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por Eduardo Lima em 14/11/17, 05:57 pm

Funcionou.

Tem outro problema agora, o "Respostas ; Visto ; Última Mensagem" ficaram desproporcional... queria que colocassem eles um pouco mais para o lado que ficasse proporcional a seus respectivos lugares, não queria que mexesse embaixo pq ficou bom assim.

https://i.imgur.com/hK3kh2i.png


------> Edit 18:22 (horário de Brasília) <------

Na verdade, funcionou +/-; na descrição do tópico ele 'pula uma linha' quando vai chegar no ícone, mas o título continua indo no ícone: https://i.imgur.com/CKG8vvJ.png.

------> FIM edit <------

Eduardo Lima
Nível 8

Inscrito dia : 07/03/2016
Mensagens : 133
Pontos Ativos : 228

Ver perfil do usuário http://www.brasilplayforever.com/forum

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por Luiz em 14/11/17, 06:34 pm

Troque por este:
Código:
.icon > .dterm {
  padding-right: 90px !important;
  box-sizing: border-box;
  margin-right: 50px !important;
}


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.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por Eduardo Lima em 14/11/17, 07:45 pm


Eduardo Lima
Nível 8

Inscrito dia : 07/03/2016
Mensagens : 133
Pontos Ativos : 228

Ver perfil do usuário http://www.brasilplayforever.com/forum

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por Luiz em 14/11/17, 07:50 pm

Ok, vamos fazer diferente.
Remova o código anterior para que eu possa bolar um novo.


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.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por Eduardo Lima em 14/11/17, 07:53 pm

Pronto.

Eduardo Lima
Nível 8

Inscrito dia : 07/03/2016
Mensagens : 133
Pontos Ativos : 228

Ver perfil do usuário http://www.brasilplayforever.com/forum

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por Luiz em 14/11/17, 08:06 pm

Adicione este código:
Código:
.icon > .dterm {
  background-position-x: 100% !important;
}

.icon > .dterm .topic-title > a {
  display: inline-block;
  max-width: 70%;
}

o7


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.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por Eduardo Lima em 14/11/17, 08:33 pm

O título, okay. A descrição do tópico tá passando pelo ícone...

Veja esse código:
Código:
.icon > .dterm {
  padding-right: 90px !important;
  box-sizing: border-box;
  margin-right: 40px !important;
}
O estranho é que, no quadrado onde fica os anúncios, isso fica proporcional: https://i.imgur.com/UBOuKXz.png; mas agora o quadro dos tópicos normais, não: https://i.imgur.com/4197AaE.png. E isso acontece no mesmo fórum: https://i.imgur.com/PDJy294.png. Esse foi o código que resolveu o problema do título e descrição, só isso ali que ficou estranho.

Eduardo Lima
Nível 8

Inscrito dia : 07/03/2016
Mensagens : 133
Pontos Ativos : 228

Ver perfil do usuário http://www.brasilplayforever.com/forum

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por Luiz em 14/11/17, 08:36 pm

O código acima deveria ser retirado.
Este:
Código:
.icon > .dterm {
  background-position-x: 100% !important;
}
 
.icon > .dterm .topic-title > a {
  display: inline-block;
  max-width: 70%;
}
Funcionou, certo? Agora só falta corrigir as descrições, certo?

Qual o ID de um subfórum com descrição? o7


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.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por Eduardo Lima em 14/11/17, 08:39 pm

Perdão.

E sim, correto, só falta a descrição.

Aqui está: http://www.brasilplayforever.com/f43-

Eduardo Lima
Nível 8

Inscrito dia : 07/03/2016
Mensagens : 133
Pontos Ativos : 228

Ver perfil do usuário http://www.brasilplayforever.com/forum

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por Luiz em 14/11/17, 08:43 pm

Precisarei do seu template topics_list_box.


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.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por Eduardo Lima em 14/11/17, 08:44 pm

Aí tá o problema, não tenho acesso a ele. Precisa fazer uma gambiarra no css... fundador está ausente.

Eduardo Lima
Nível 8

Inscrito dia : 07/03/2016
Mensagens : 133
Pontos Ativos : 228

Ver perfil do usuário http://www.brasilplayforever.com/forum

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por Luiz em 14/11/17, 08:46 pm

É meio complicado fazer isso (quase impossível), tendo em vista que não há nenhum seletor para a descrição do fórum.
Usar JavaScript também não é uma opção cogitável.

Só com a edição de templates mesmo. :/


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.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por Eduardo Lima em 14/11/17, 08:52 pm

Sem problemas,

E sobre estar desproporcional isso: https://imgur.com/4197AaE tem como dar um jeito? Ou também não?

Eduardo Lima
Nível 8

Inscrito dia : 07/03/2016
Mensagens : 133
Pontos Ativos : 228

Ver perfil do usuário http://www.brasilplayforever.com/forum

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por iScroll em 14/11/17, 08:57 pm

Creio que seja em relação a sua tela, veja: http://prntscr.com/hajrfc
Pra mim fica normal ;/
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

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

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por Eduardo Lima em 14/11/17, 09:00 pm

Olá, iScroll.

Veja bem, no primeiro quadrado onde são os anúncios, fica normal. Agora onde são os tópicos 'normais', não fica normal, olhe novamente.

Eduardo Lima
Nível 8

Inscrito dia : 07/03/2016
Mensagens : 133
Pontos Ativos : 228

Ver perfil do usuário http://www.brasilplayforever.com/forum
  • 0

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por iScroll em 14/11/17, 09:28 pm

No seu CSS procure por:
Código:
.topics .row .icon .dterm, .topics .header .icon dt
e remova:
Código:
width: 57%;

Caso não encontrar, basta adicionar:
Código:
.topics .row .icon .dterm, .topics .header .icon dt {
    width: 50%;
}
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

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

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por Eduardo Lima em 14/11/17, 09:47 pm

Se eu tirar ele, os títulos maiores de alguns tópicos ficam um pouco estranhos e feios visualmente... para não dar mais trabalho, vou deixar assim, não é algo tão importante... o que eu realmente queria arrumar, consegui.

Muito obrigado a vocês.


Abraço,

Eduardo Lima
Nível 8

Inscrito dia : 07/03/2016
Mensagens : 133
Pontos Ativos : 228

Ver perfil do usuário http://www.brasilplayforever.com/forum

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por iScroll em 14/11/17, 09:50 pm

Tenha calma, podemos resolver isto também, coloque o código de novo para efetuar alguns testes.
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

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

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por Eduardo Lima em 14/11/17, 10:04 pm

No momento estou utilizando esses códigos para isso:

Código:
.row .dterm[style] {
    background-position: 100% 55% !important;
}

.icon > .dterm {
  background-position-x: 100% !important;
}
 
.icon > .dterm .topic-title > a {
  display: inline-block;
  max-width: 70%;
}


.topics .row .icon .dterm,
.topics .header .icon dt {
  width: 57%;
}

E o único problema agora seria mover isso mais para a direita: https://imgur.com/a/NBKlT

Eduardo Lima
Nível 8

Inscrito dia : 07/03/2016
Mensagens : 133
Pontos Ativos : 228

Ver perfil do usuário http://www.brasilplayforever.com/forum

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por Luiz em 14/11/17, 10:11 pm

O tópico está resolvido? (O ícone está como resolvido).


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.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por Eduardo Lima em 14/11/17, 10:12 pm

Coloca "Em curso" novamente, o iScroll se prontificou a tentar concertar este erro que dá.


Eduardo Lima
Nível 8

Inscrito dia : 07/03/2016
Mensagens : 133
Pontos Ativos : 228

Ver perfil do usuário http://www.brasilplayforever.com/forum

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por iScroll em 14/11/17, 10:14 pm

Coloque o código que eu passei e comente de novo aqui, por favor e me mande o link do tópico que está com o título grande.
Se possível, uma print do que "está feio" também seria bom.
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

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

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por Eduardo Lima em 14/11/17, 10:23 pm

Aqui está: https://i.imgur.com/QlkEsST.png - O título era pra ir "para baixo" quando chegasse no limite, mas ele vai pra cima, aí o "Anúncio Global" fica escrito embaixo... queria que o título continuasse embaixo quando chegasse no limite.

http://www.brasilplayforever.com/f43-


------> Edit 14/11 ~ 22:36 (horário de Brasília) <------
Não tem como fazer assim: https://imgur.com/VP8Yrf3? Que seria pôr reticências (um overflow) depois de uma certa quantidade de caracteres, sei lá... seria mais básico e deve ser mais fácil também.
------> FIM Edit <------

Eduardo Lima
Nível 8

Inscrito dia : 07/03/2016
Mensagens : 133
Pontos Ativos : 228

Ver perfil do usuário http://www.brasilplayforever.com/forum

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por iScroll em 14/11/17, 10:42 pm

No seu CSS procure:
Código:
div.topic-title-container
Remova:
Código:
    display: inline;

Se não tiver basta adicionar:
Código:
div.topic-title-container {
    display: none;
}

----

Edit:

Caso queira os ... reduzindo o título do tópico basta adicionar:
Código:
.topic-title-container a {
    display: inline-block;
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
}
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

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

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por Eduardo Lima em 14/11/17, 10:58 pm

Nenhum dos dois códigos surtiu o efeito esperado.

O primeiro some o título. O segundo não acontece o que era para acontecer...

Eduardo Lima
Nível 8

Inscrito dia : 07/03/2016
Mensagens : 133
Pontos Ativos : 228

Ver perfil do usuário http://www.brasilplayforever.com/forum
  • 0

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por iScroll em 14/11/17, 11:28 pm

Creio que o erro foi meu, desculpe.
Tente este:
Código:
.topic-title.hierarchy a {
    display: inline-block;
    width: 50%;
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

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

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por Eduardo Lima em 15/11/17, 12:04 am

Perfeito, já basta.


Valeu iScroll. Colegas Venerar

Eduardo Lima
Nível 8

Inscrito dia : 07/03/2016
Mensagens : 133
Pontos Ativos : 228

Ver perfil do usuário http://www.brasilplayforever.com/forum

Resolvido Re: Título/descrição fica por cima do ícone, como resolver

Mensagem por Luiz em 15/11/17, 12:29 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.


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.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

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