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

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

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

4 participantes

Ir para baixo

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

Mensagem por Eduardo Lima 13.11.17 1:43

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 2:05, editado 2 vez(es)
avatar
Eduardo Lima
****

Membro desde : 07/03/2016
Mensagens : 243
Pontos : 380

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

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

Mensagem por Konai 13.11.17 2:50

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
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por Luiz 13.11.17 15:35

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

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

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

Mensagem por Eduardo Lima 14.11.17 18:08

Não resultou...
avatar
Eduardo Lima
****

Membro desde : 07/03/2016
Mensagens : 243
Pontos : 380

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

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

Mensagem por Luiz 14.11.17 18:56

Olá,

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

o/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

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

Mensagem por Eduardo Lima 14.11.17 19:33

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.
avatar
Eduardo Lima
****

Membro desde : 07/03/2016
Mensagens : 243
Pontos : 380

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

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

Mensagem por Luiz 14.11.17 19:35

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

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

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

Mensagem por Eduardo Lima 14.11.17 19:57

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 <------
avatar
Eduardo Lima
****

Membro desde : 07/03/2016
Mensagens : 243
Pontos : 380

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

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

Mensagem por Luiz 14.11.17 20:34

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

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

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

Mensagem por Eduardo Lima 14.11.17 21:45

avatar
Eduardo Lima
****

Membro desde : 07/03/2016
Mensagens : 243
Pontos : 380

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

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

Mensagem por Luiz 14.11.17 21:50

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

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

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

Mensagem por Eduardo Lima 14.11.17 21:53

Pronto.
avatar
Eduardo Lima
****

Membro desde : 07/03/2016
Mensagens : 243
Pontos : 380

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

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

Mensagem por Luiz 14.11.17 22:06

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
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

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

Mensagem por Eduardo Lima 14.11.17 22:33

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.
avatar
Eduardo Lima
****

Membro desde : 07/03/2016
Mensagens : 243
Pontos : 380

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

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

Mensagem por Luiz 14.11.17 22:36

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
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

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

Mensagem por Eduardo Lima 14.11.17 22:39

Perdão.

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

Aqui está: http://www.brasilplayforever.com/f43-
avatar
Eduardo Lima
****

Membro desde : 07/03/2016
Mensagens : 243
Pontos : 380

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

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

Mensagem por Luiz 14.11.17 22:43

Precisarei do seu template topics_list_box.
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

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

Mensagem por Eduardo Lima 14.11.17 22:44

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

Membro desde : 07/03/2016
Mensagens : 243
Pontos : 380

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

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

Mensagem por Luiz 14.11.17 22:46

É 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. :/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

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

Mensagem por Eduardo Lima 14.11.17 22:52

Sem problemas,

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

Membro desde : 07/03/2016
Mensagens : 243
Pontos : 380

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

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

Mensagem por iScroll 14.11.17 22:57

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

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

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

Mensagem por Eduardo Lima 14.11.17 23:00

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.
avatar
Eduardo Lima
****

Membro desde : 07/03/2016
Mensagens : 243
Pontos : 380

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

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

Mensagem por iScroll 14.11.17 23:28

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%;
}
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

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

Mensagem por Eduardo Lima 14.11.17 23:47

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,
avatar
Eduardo Lima
****

Membro desde : 07/03/2016
Mensagens : 243
Pontos : 380

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

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

Mensagem por iScroll 14.11.17 23:50

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

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

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

Mensagem por Eduardo Lima 15.11.17 0:04

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
avatar
Eduardo Lima
****

Membro desde : 07/03/2016
Mensagens : 243
Pontos : 380

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

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

Mensagem por Luiz 15.11.17 0:11

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

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

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

Mensagem por Eduardo Lima 15.11.17 0:12

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

avatar
Eduardo Lima
****

Membro desde : 07/03/2016
Mensagens : 243
Pontos : 380

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

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

Mensagem por iScroll 15.11.17 0:14

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.
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

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

Mensagem por Eduardo Lima 15.11.17 0:23

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 <------
avatar
Eduardo Lima
****

Membro desde : 07/03/2016
Mensagens : 243
Pontos : 380

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

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

Mensagem por iScroll 15.11.17 0:42

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;
}
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

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

Mensagem por Eduardo Lima 15.11.17 0:58

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...
avatar
Eduardo Lima
****

Membro desde : 07/03/2016
Mensagens : 243
Pontos : 380

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

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

Mensagem por iScroll 15.11.17 1:28

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;
}
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

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

Mensagem por Eduardo Lima 15.11.17 2:04

Perfeito, já basta.


Valeu iScroll. Colegas Venerar
avatar
Eduardo Lima
****

Membro desde : 07/03/2016
Mensagens : 243
Pontos : 380

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

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

Mensagem por Luiz 15.11.17 2:29

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos