Ajustar a distância entre BBCode Code - texto, etc.

[Holmes]

Qual a URL do seu fórum: http://www.chakra-linux.com.br/forum/portal.php
Tipo de Hospedagem: Free
Qual a versão do phpBB: phpBB 3.0.10
É um novo ou uma conversão: Instalação Limpa
Usuário de teste: Usuário: Senha:
Estilos instalados: we_clearblue
Modificações instaladas: "quem esteve aqui?"; "board3 portal"; "Resolvido"; "WMP"; "Posting Template"; "Legend Repositioning"; "ACP Announcement Centre"; "Share One"; "jGrowl Popup"
Qual seu nivel de experiência: Iniciante
Quando começou o problema: agora, nesse momento!
Descreva seu problema: oi pessoal, eu gostaria de saber se é possível ajustar a distância do BBCode Code com o texto, etc. pergunto isto porque no site do Chakra Brasil essa distância fica muito grande, enquanto no site Suporte phpBB não é desse jeito. vejam as imagens:

Chakra Brasil

imagem.JPG

Suporte phpBB

imagem1.JPG

é possível fazer esse ajuste?

vlw fwi, Holmes

[robra]

Tentou o "inspecionar elemento" do Chrome ?

Abraço.

[Holmes]

robra, vou dar uma olhada com o inspecionar elementos!

vlw fwi, Holmes

[robra]

Conseguiu ?
O espaço está definido na linha margin-bottom: 2.2em; do dl.codebox {.

Abraço.

[Holmes]

robra, vi isto e percebi pouca diferença na distância. veja as imagens:

com margin-bottom: 2.2em;

imagem.JPG

sem margin-bottom: 2.2em;

imagem1.JPG

a única diferença significativa está circulada em vermelho!

vlw fwi, Holmes

[robra]

Você está misturando as coisas, mostrando referências diferentes.
Na 1ª mensagem você trata do BBcode Code dentro da mensagem postada, e minha resposta é referente a esta situação.
Em sua mensagem, anterior a esta, você está se referindo a outra situação, que é a página do artigo postado, da MOD KB.
Enfim, você está se referindo a qual situação ?

Abraço.

[Holmes]

robra, desculpa aí somente peguei como exemplo um post do kb. todavia, esse problema é com relação as mensagens postadas nos fóruns.

vlw fwi, Holmes

[robra]

A questão é que no artigo, entre o BBcode Code, a frase "Vejam a imagem abaixo desse processo:" e a imagem, foi colocado 1 linha de espaço entre eles ao digitar a mensagem.
Retire a linha margin-bottom: 2.2em; do dl.codebox { e edite o texto do artigo substituindo o trecho...

[kode]sudo pacman -Syu[/kode]

Vejam a imagem abaixo desse processo:

[rimg]http://www.chakra-linux.com.br/wiki/lib ... zacao1.png[/rimg]

.. por:

[kode]sudo pacman -Syu[/kode]Vejam a imagem abaixo desse processo:
[rimg]http://www.chakra-linux.com.br/wiki/lib ... zacao1.png[/rimg]

Se ficar muito junto, então, deixe assim:

[kode]sudo pacman -Syu[/kode]
Vejam a imagem abaixo desse processo:
[rimg]http://www.chakra-linux.com.br/wiki/lib ... zacao1.png[/rimg]

ATENÇÃO: Coloquei Kode ao invés de code só para poder visualizar a digitação do texto, porém, o correto é code.

[Holmes]

robra, removi margin-bottom: 2.2em; e uma coisa que percebi é que não pode dar dar um enter entre o BBCode Code e o outro conteúdo!

uma curiosidade: como faço para deixar a caixinha sobre uma palavra, por exemplo em: "ATENÇÃO: Coloquei Kode ao..." na palavra kode...

vlw fwi, Holmes

[robra]

uma curiosidade: como faço para deixar a caixinha sobre uma palavra, por exemplo em: "ATENÇÃO: Coloquei Kode ao..." na palavra kode...

Isso é um BBcode.
Adicionei ele na lista dos BBcodes:
- "Code" simples

Abraço.