Como dividir postagens e a barra lateral (sidebar) em colunas

29 04 2009

Nível: Iniciante

Esta dica mara foi encontrada nos blogs Templates para Novo Blogger e Dicas da Mamanunes

Copie e cole o código abaixo onde você quiser. Você pode colar em uma postagem ou em um elemento de página do tipo HTML/Java. É realmente muito simples, fácil e prático.

Código para dividir em duas colunas

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

Código para dividir em três colunas

<div style=”float: left; WIDTH: 30%”>Aqui o Texto da Coluna da Esquerda</div>
<div style=”float: center; WIDTH: 30%”> Aqui o Texto da Coluna Central</div>
<div style=”float: right; WIDTH: 30%”>Aqui o Texto da Coluna da Direita</div>
<divstyle=”clear:both”></div>

Substitua o texto em laranja pelo seu texto, outros códigos, imagens, objetos, elementos de página.

Veja como o código funciona na prática:

Esta dica é sucesso de bilheteria e adianta a vida de muita gente. Você pode usar estes códigos acima para dividir postagens e/ou a barra lateral
em duas ou três colunas, organizar imagens e objetos dentro do template e o que a sua imaginação e a sua criatividade permitirem.

Acções

Informação

Uma resposta

9 08 2010
Vládia Queiroz

Estou com dificuldades, usei o código para dividir 3 telas de streaming, uma do lado da outra. acontece que a do centro cola com a da esquerda, não fica no centro, e a da direita vai pra baixo (continua a direita, mas embaixo, mesmo tendo um espaço enorme pra ela do lado das outras). tentei até reduzir para 25%, mas não adianta, continua a mesma coisa. o que faço? vladiaqueiroz.gmail.com

Deixar uma resposta

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Modificar )

Imagem do Twitter

You are commenting using your Twitter account. Log Out / Modificar )

Facebook photo

You are commenting using your Facebook account. Log Out / Modificar )

Connecting to %s




Seguir

Get every new post delivered to your Inbox.