Aumentar espaço entre a legenda e o título do tópico

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

Resolvido Aumentar espaço entre a legenda e o título do tópico

Mensagem por Yunnoh em 20/11/12, 12:12 pm

Gostaria de fastar o título do tópico e quem postou o mesmo um pouco mais para a direita para ele não encostar na imagem de legenda, muito obrigado!


Fórum: http://transformicebr.ativoforum.com/ (phpBB 3)

Imagens do problema:


Última edição por Yunnoh em 20/11/12, 06:43 pm, editado 1 vez(es)
avatar

Yunnoh
Nível 9

Masculino
Inscrito dia : 26/10/2012
Mensagens : 224
Pontos Ativos : 335

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

Resolvido Re: Aumentar espaço entre a legenda e o título do tópico

Mensagem por BrunoH. em 20/11/12, 12:19 pm

Olá!
Aceda a "Folha de Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS
Código:
ul.topiclist dd.dterm, ul.topiclist dt {margin-left: 20px;}
O valor em negrito altere até ficar na posição desejada.
e Valide!

Até mais! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Aumentar espaço entre a legenda e o título do tópico

Mensagem por Yunnoh em 20/11/12, 12:41 pm

O valor inicial já foi o resultado esperado, porém a risca divisória foi fastada também e ficou por cima da imagem. Gostaria de saber se tem como colocá-la em seu local inicial ou removê-la, aqui está a imagem:

Muito obrigado!
avatar

Yunnoh
Nível 9

Masculino
Inscrito dia : 26/10/2012
Mensagens : 224
Pontos Ativos : 335

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

Resolvido Re: Aumentar espaço entre a legenda e o título do tópico

Mensagem por BrunoH. em 20/11/12, 12:50 pm

Olá!
Aceda a "Folha de Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS
Código:
ul.topiclist img {padding-right:20px; !important}
O valor em negrito altere até ficar na posição desejada.
e Valide!

Até mais! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Aumentar espaço entre a legenda e o título do tópico

Mensagem por Yunnoh em 20/11/12, 12:56 pm

Bem, dessa vez gerou alguns erros, moveu apenas o titulo do tópico e o nome da categoria e aumentou ainda a largura do script "Avatar em Última Mensagem", gostaria apenas de colocar o traço preto no local inicial ou removê-lo. Muito obrigado!
avatar

Yunnoh
Nível 9

Masculino
Inscrito dia : 26/10/2012
Mensagens : 224
Pontos Ativos : 335

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

Resolvido Re: Aumentar espaço entre a legenda e o título do tópico

Mensagem por BrunoH. em 20/11/12, 12:59 pm

Olá!
Tente este:
ul.topiclist dd {margin-left: 20px;}

Até mais! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Aumentar espaço entre a legenda e o título do tópico

Mensagem por Yunnoh em 20/11/12, 01:04 pm

Nos tópicos voltamos ao resultado inicial:

Com o mesmo problema:
Remover a risca preta.
Olha o que aconteceu com as categorias:

Muito obrigado!
avatar

Yunnoh
Nível 9

Masculino
Inscrito dia : 26/10/2012
Mensagens : 224
Pontos Ativos : 335

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

Resolvido Re: Aumentar espaço entre a legenda e o título do tópico

Mensagem por Consolado em 20/11/12, 01:36 pm

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos CSS

Código:

dl.icon{background-position: 0px 46%!important}
Valide.

Melhores cumprimentos,
Today
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Aumentar espaço entre a legenda e o título do tópico

Mensagem por Yunnoh em 20/11/12, 06:33 pm

O código fornecido muda a posição da imagem, o que eu queria mudar é o título do tópico e quem o postou, existe uma ferramenta no fórum que faz esta opção nas categorias, é esta:

Ela me permite mudar a posição do título e descrição de um fórum:

Eu gostaria de mudar a posição do título e o autor do tópico:

Gostaria de fastá-los um pouco mais para a direita para eles não entrarem em conflito com a imagem de legenda.
Lembrando: Quero fastar apenas o título e o autor do tópico.
avatar

Yunnoh
Nível 9

Masculino
Inscrito dia : 26/10/2012
Mensagens : 224
Pontos Ativos : 335

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

Resolvido Re: Aumentar espaço entre a legenda e o título do tópico

Mensagem por Sennior em 20/11/12, 06:39 pm

Olá,

Use o seguinte código:

Código:
ul.topiclist dd.dterm, ul.topiclist dt {margin-left: 20px;border-left: 1px solid transparent !important;}

Coloque no inicio de teu CSS.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Aumentar espaço entre a legenda e o título do tópico

Mensagem por Yunnoh em 20/11/12, 06:48 pm

Mikéé, o seu fez o efeito esperado, tirou a risca preta do meio da imagem e fastou o título dos tópicos um pouco mais para a direita, o único problema é que fastou também o título das categorias/fóruns eu gostaria de deixá-los na posição inicial, aqui está as imagens:


Obrigado!
avatar

Yunnoh
Nível 9

Masculino
Inscrito dia : 26/10/2012
Mensagens : 224
Pontos Ativos : 335

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

Resolvido Re: Aumentar espaço entre a legenda e o título do tópico

Mensagem por Sennior em 20/11/12, 06:54 pm

Troque por este é veja se ajuda:

Código:
.topictitle{margin-left: 20px;border-left: 1px solid transparent !important;}

Veja se ajuda.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário 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