Ajustar espaçamento do título dos tópicos

4 participantes

Ir para baixo

Tópico resolvido Ajustar espaçamento do título dos tópicos

Mensagem por MarcosSchultz 04.06.16 4:14

Detalhes da questão


Endereço do fórum: http://www.schultzgames.com/
Versão do fórum: PhpBB3

Descrição


Olá, recentemente implementei este trecho de código em minha CSS

Código:
.topic-title-container {
    word-wrap: break-word!important;
    width: 435px!important;
    display: block!important;
}

responsável por fazer a quebra de linha no título dos tópicos. Mas houve um extra espaçamento, como podem observar nesta categoria:

http://www.schultzgames.com/f1-tutoriais-unity-3d

O nome do autor acaba ficando muito abaixo do título do tópico, e o espaçamento fica meio gigante...

A questão é, como manter a quebra de linha mas remover estes espaçamentos gigantes? Desde já, obrigado.
MarcosSchultz
MarcosSchultz
Membro

Membro desde : 19/09/2014
Mensagens : 548
Pontos : 758

http://schultzgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar espaçamento do título dos tópicos

Mensagem por Sennior 04.06.16 4:23

Saudações!

Com este CSS:
Código:
span.span-tab {
    position: relative!important;
    top: -12px!important;
}

Abraços.
Sennior
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar espaçamento do título dos tópicos

Mensagem por MarcosSchultz 04.06.16 4:45

O efeito ficou interessante... mas estou tendo diversos problemas com o espaçamento na área dos tópicos...

Tenho estes 3 trechos de CSS que organizam o espaçamento na área dos tópicos

Código:
.topic-title-container {
    word-wrap: break-word!important;
    width: 385px!important; /*pixels para a quebra de linha*/
    display: block!important;
}
span.span-tab {
    position: relative!important;
    top: -12px!important;/*tira espacamento entre nomes e titulos*/
}
dl.icon dt,dl.icon dd.dterm {
background-repeat: no-repeat;
background-position: 450px 10px; /*espacamento entre o inicio da pagina e o icone "resolvido, em curso, duvida, etc"*/
}

Isto pode ser visto claramente por este link, por exemplo: http://www.schultzgames.com/f10-administracao

Mas o espaçamento entre o topo do espaço para o tópico, e aonde começa o título, fica meio grande... cerca de uns 10px. 

Outro problema que ocorre, é que os icones (que neste caso, dizem a palavra "administração"), ficam fora do lugar dependendo da resolução do dispositivo... No meu computador, eles estão centralizados. mas no celular, eles são cortados por que falta espaço

Talvez seria até interessante que a imagem dizendo "administrador" viesse antes do título do tópico, mas não tenho muita certeza de como fazer isto...
MarcosSchultz
MarcosSchultz
Membro

Membro desde : 19/09/2014
Mensagens : 548
Pontos : 758

http://schultzgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar espaçamento do título dos tópicos

Mensagem por Sennior 04.06.16 4:55

Certo, vamos por parte. O senhor cita: "Mas o espaçamento entre o topo do espaço para o tópico, e aonde começa o título, fica meio grande... cerca de uns 10px." poderia me apresentar uma PrintScreen apontando o problema?

Fiquei meio confuso com essa sua explicação. Rindo
Abraços.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar espaçamento do título dos tópicos

Mensagem por MarcosSchultz 04.06.16 5:01

Desculpe se ficou meio confuso, não sou muito bom em explicações  Rindo

Talvez esta imagem ilustre melhor o que estou problematizando:

Ajustar espaçamento do título dos tópicos  X8dFM35
MarcosSchultz
MarcosSchultz
Membro

Membro desde : 19/09/2014
Mensagens : 548
Pontos : 758

http://schultzgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar espaçamento do título dos tópicos

Mensagem por MarcosSchultz 05.06.16 4:39

Up diário Muito feliz
MarcosSchultz
MarcosSchultz
Membro

Membro desde : 19/09/2014
Mensagens : 548
Pontos : 758

http://schultzgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar espaçamento do título dos tópicos

Mensagem por MarcosSchultz 07.06.16 4:00

Up diário 2 Muito feliz
MarcosSchultz
MarcosSchultz
Membro

Membro desde : 19/09/2014
Mensagens : 548
Pontos : 758

http://schultzgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar espaçamento do título dos tópicos

Mensagem por Sennior 07.06.16 4:43

Saudações!

No caso, elas ficam assim né?
Seta http://prntscr.com/bda4nh

Eu vou precisar dos códigos que fazem essa função para que eu possa configurar diretamente neles.
Até mais.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar espaçamento do título dos tópicos

Mensagem por MarcosSchultz 07.06.16 21:01

Olá, eu utilizei a própria função já pronta dos forumeiros:


Painel de Controle > Visualização > Gestão de Imagens > Modo Avançado > Icones de Mensagens

Apenas isto, e estou utilizando este trecho de CSS para gerenciar o posicionamento das coisas neste local do fórum:

Código:
.topic-title-container {
    word-wrap: break-word!important;
    width: 385px!important; /*pixels para a quebra de linha*/
    display: block!important;
}
span.span-tab {
    position: relative!important;
    top: -12px!important;/*tira espacamento entre nomes e titulos*/
}
dl.icon dt,dl.icon dd.dterm {
background-repeat: no-repeat;
background-position: 450px 10px; /*espacamento entre o inicio da pagina e o icone "resolvido, em curso, duvida, etc"*/
}
MarcosSchultz
MarcosSchultz
Membro

Membro desde : 19/09/2014
Mensagens : 548
Pontos : 758

http://schultzgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar espaçamento do título dos tópicos

Mensagem por while 07.06.16 21:04

Olá, troque o css por este:

Código:
.topic-title-container {
    word-wrap: break-word!important;
    width: 385px!important; /*pixels para a quebra de linha*/
    display: block!important;
}
span.span-tab {
    position: relative!important;
    top: -12px!important;/*tira espacamento entre nomes e titulos*/
}
dl.icon dt,dl.icon dd.dterm {
background-repeat: no-repeat;
background-position: 450px 15px; /*espacamento entre o inicio da pagina e o icone "resolvido, em curso, duvida, etc"*/
}

Seria isto?

Atenciosamente,
While.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar espaçamento do título dos tópicos

Mensagem por MarcosSchultz 07.06.16 21:08

Nops... isto não resolve este problema:

http://prntscr.com/bda4nh


Minha intenção é esta:

Ajustar espaçamento do título dos tópicos  HyRSTyO

E evitar os bugs citados neste link: http://prntscr.com/bda4nh
MarcosSchultz
MarcosSchultz
Membro

Membro desde : 19/09/2014
Mensagens : 548
Pontos : 758

http://schultzgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar espaçamento do título dos tópicos

Mensagem por Cepheus 07.06.16 21:31

Poderia retirar todas as alterações postadas acima?
Assim posso trabalhar de forma mais padronizado em seu fórum.
Vou ficar no aguardo...

Atenciosamente,
Cepheus!
Cepheus
Cepheus
Membro

Membro desde : 21/03/2014
Mensagens : 514
Pontos : 1085

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar espaçamento do título dos tópicos

Mensagem por MarcosSchultz 07.06.16 21:38

A única coisa que eu fiz foi retirar este trecho da CSS:

Código:
.topic-title-container {
    word-wrap: break-word!important;
    width: 385px!important; /*pixels para a quebra de linha*/
    display: block!important;
}
span.span-tab {
    position: relative!important;
    top: -12px!important;/*tira espacamento entre nomes e titulos*/
}
dl.icon dt,dl.icon dd.dterm {
background-repeat: no-repeat;
background-position: 450px 15px; /*espacamento entre o inicio da pagina e o icone "resolvido, em curso, duvida, etc"*/
}

Minha intenção é que aconteça isto:

Ajustar espaçamento do título dos tópicos  VKmaD6e
MarcosSchultz
MarcosSchultz
Membro

Membro desde : 19/09/2014
Mensagens : 548
Pontos : 758

http://schultzgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar espaçamento do título dos tópicos

Mensagem por Cepheus 07.06.16 22:26

Adicione no seu css:
Código:

.row .dterm[style] {
 background-position: 99% 55%;
}
dl.icon dd.dterm, dl.icon dt {
padding-top: 0;
}
div.topic-title-container {
width: 80%;
display: block!important;
}
div.topic-title-container + br{
 display:none;
}
#hancki{display:none!important}
Cepheus
Cepheus
Membro

Membro desde : 21/03/2014
Mensagens : 514
Pontos : 1085

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar espaçamento do título dos tópicos

Mensagem por MarcosSchultz 07.06.16 22:56

Perfeito, está 100% como eu estava querendo... Muito obrigado!
MarcosSchultz
MarcosSchultz
Membro

Membro desde : 19/09/2014
Mensagens : 548
Pontos : 758

http://schultzgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar espaçamento do título dos tópicos

Mensagem por Sennior 08.06.16 3:53

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

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

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