Código simples que divide em duas colunas o seu post ou a sua sidebar, sem mexer no HTML do template. Fácil e prático. Para as postagens, é só inserir o código na janela e escrever no local indicado. Para a sidebar, inserir o código num "Elemento de Página" – "HTML/Java".

Para dividir em 2 colunas:


<div style="float: left; WIDTH: 45%">Texto da Coluna da Esquerda </div>
<div style="float: right; WIDTH: 45%">Texto da Coluna da Direita </div>
<divstyle="clear: both"></div> 
Exemplo:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam egestas lectus eu mauris. Aenean lobortis iaculis nisl. Nullam ac erat pretium nibh elementum ullamcorper. Sed sed libero eu sem scelerisque congue. Nunc orci enim, posuere scelerisque, tincidunt ac, viverra id, velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam metus ante, porttitor aliquam, interdum eu, pulvinar vitae, ante. Curabitur luctus nisi sit amet orci.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam egestas lectus eu mauris. Aenean lobortis iaculis nisl. Nullam ac erat pretium nibh elementum ullamcorper. Sed sed libero eu sem scelerisque congue. Nunc orci enim, posuere scelerisque, tincidunt ac, viverra id, velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam metus ante, porttitor aliquam, interdum eu, pulvinar vitae, ante. Curabitur luctus nisi sit amet orci.















Pode tambem fazer a divisão em 3 colunas:
<div style="float: left; WIDTH: 30%"> Texto da Coluna da Esquerda </div>
<div style="float: center; WIDTH: 30%"> Texto da Coluna Central </div>
<div style="float: right; WIDTH: 30%" > Texto da Coluna da Direita </div>
<divstyle="clear:both"> </div> 

Note o valor percentual verde " 30% ". Essa é a largura da coluna. A soma das porcentagens nunca deve ultrapassar 90%.
Fonte de origem.
Share To:

Post A Comment:

2 comments so far,add yours

  1. Eu experimentei a ferramenta da divisão das colunas e deu certo. Foi de grande ajuda.

    ResponderEliminar
  2. Muito boa a dica! Ao invés de texto, tem como publicar fotos em duas colunas no sidebar?

    ResponderEliminar

width='100%'/>