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


Meriteiro

Outubro de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Personalizar reputação do fórum
Hoje à(s) 13:45 por Kyo Panda

» Estatísticas personalizadas
Hoje à(s) 13:06 por Rick22

» Personalizar categorias do fórum
Hoje à(s) 11:28 por Kyo Panda

» Widgets no final do fórum
Hoje à(s) 5:10 por Lhs17

» Personalizar footer
Hoje à(s) 1:28 por iScroll

» Personalizar SCEditor
Hoje à(s) 1:10 por YouTube3

» Mudar pre-visualização do formulário
Hoje à(s) 1:09 por YouTube3

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
69 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 66 Visitantes :: 2 Motores de busca

Bogi, Luis raio, Shek Crowley

[ Ver toda a lista ]


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

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

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

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

Mensagem por MarcosSchultz em Sab 4 Jun 2016 - 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
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 482
Pontos Ativos : 1453

http://schultzgames.forumeiros.com/
  • 0

Resolvido Re: Ajustar espaçamento do título dos tópicos

Mensagem por Sennior em Sab 4 Jun 2016 - 4:23

Saudações!

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

Abraços.
Sennior


Admineiros Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Admineiros  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Admineiros Perdeu a senha de administração? Veja o que fazer.
Admineiros Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22710

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Ajustar espaçamento do título dos tópicos

Mensagem por MarcosSchultz em Sab 4 Jun 2016 - 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
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 482
Pontos Ativos : 1453

http://schultzgames.forumeiros.com/

Resolvido Re: Ajustar espaçamento do título dos tópicos

Mensagem por Sennior em Sab 4 Jun 2016 - 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.


Admineiros Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Admineiros  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Admineiros Perdeu a senha de administração? Veja o que fazer.
Admineiros Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22710

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Ajustar espaçamento do título dos tópicos

Mensagem por MarcosSchultz em Sab 4 Jun 2016 - 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:


MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 482
Pontos Ativos : 1453

http://schultzgames.forumeiros.com/

Resolvido Re: Ajustar espaçamento do título dos tópicos

Mensagem por MarcosSchultz em Dom 5 Jun 2016 - 4:39

Up diário Muito feliz

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 482
Pontos Ativos : 1453

http://schultzgames.forumeiros.com/

Resolvido Re: Ajustar espaçamento do título dos tópicos

Mensagem por MarcosSchultz em Ter 7 Jun 2016 - 4:00

Up diário 2 Muito feliz

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 482
Pontos Ativos : 1453

http://schultzgames.forumeiros.com/

Resolvido Re: Ajustar espaçamento do título dos tópicos

Mensagem por Sennior em Ter 7 Jun 2016 - 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.


Admineiros Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Admineiros  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Admineiros Perdeu a senha de administração? Veja o que fazer.
Admineiros Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22710

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Ajustar espaçamento do título dos tópicos

Mensagem por MarcosSchultz em Ter 7 Jun 2016 - 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
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 482
Pontos Ativos : 1453

http://schultzgames.forumeiros.com/

Resolvido Re: Ajustar espaçamento do título dos tópicos

Mensagem por while em Ter 7 Jun 2016 - 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
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4141

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

Resolvido Re: Ajustar espaçamento do título dos tópicos

Mensagem por MarcosSchultz em Ter 7 Jun 2016 - 21:08

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

http://prntscr.com/bda4nh


Minha intenção é esta:



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

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 482
Pontos Ativos : 1453

http://schultzgames.forumeiros.com/

Resolvido Re: Ajustar espaçamento do título dos tópicos

Mensagem por Cepheus em Ter 7 Jun 2016 - 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
Usuário avançado

Masculino
Inscrito dia : 21/03/2014
Mensagens : 474
Pontos Ativos : 1968

http://www.bestskins.net/

Resolvido Re: Ajustar espaçamento do título dos tópicos

Mensagem por MarcosSchultz em Ter 7 Jun 2016 - 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:


MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 482
Pontos Ativos : 1453

http://schultzgames.forumeiros.com/
  • 0

Resolvido Re: Ajustar espaçamento do título dos tópicos

Mensagem por Cepheus em Ter 7 Jun 2016 - 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
Usuário avançado

Masculino
Inscrito dia : 21/03/2014
Mensagens : 474
Pontos Ativos : 1968

http://www.bestskins.net/

Resolvido Re: Ajustar espaçamento do título dos tópicos

Mensagem por MarcosSchultz em Ter 7 Jun 2016 - 22:56

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

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 482
Pontos Ativos : 1453

http://schultzgames.forumeiros.com/

Resolvido Re: Ajustar espaçamento do título dos tópicos

Mensagem por Sennior em Qua 8 Jun 2016 - 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.


Admineiros Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Admineiros  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Admineiros Perdeu a senha de administração? Veja o que fazer.
Admineiros Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22710

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5