Página 1 de 1

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

Enviado: 13 Jun 2012, 17:43
por 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

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

Enviado: 13 Jun 2012, 19:13
por robra
Tentou o "inspecionar elemento" do Chrome ?

Abraço. Imagem

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

Enviado: 13 Jun 2012, 20:47
por Holmes
robra, vou dar uma olhada com o inspecionar elementos!

vlw fwi, Holmes

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

Enviado: 14 Jun 2012, 14:43
por robra
Conseguiu ?
O espaço está definido na linha margin-bottom: 2.2em; do dl.codebox {.

Abraço. Imagem

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

Enviado: 14 Jun 2012, 15:15
por 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

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

Enviado: 14 Jun 2012, 15:31
por 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. Imagem

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

Enviado: 14 Jun 2012, 15:53
por 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

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

Enviado: 14 Jun 2012, 15:57
por 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.

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

Enviado: 14 Jun 2012, 16:49
por 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

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

Enviado: 14 Jun 2012, 18:06
por 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. Imagem