08/09/2012

Dividindo a postagem em duas colunas

-drwmania.tumblr.com-

Hayoo!!! Aqui vai o código que eu usava nas traduções de música para dividir a postagens em duas colunas. É muito útil para blog de noticia, ou se fará uma postagem extensa e quer minimizar o tamanho da postagem.


Fui na feira comprar tomate, vi uma menina da minha idade pisquei pra ela, ela nem ligo arranquei a roupa dela, ela desmaio. Contei pra mamãe a mamãe me bateu. Contei pro papai, o chicote comeu. Contei pra empregada ela me frito! Contei pro vovô ele disse "Rock n Roll"
Tanta coisa para colocar aqui, e escrevo uma música doida de criança rs, bons tempos não? Mas é assim que ficará sua postagem dividida. Gostaram? Quer aprender como faz? Segue o tutorial! <----


Esse código bem tá aqui pro cês, basta colocar onde deseja dividir o código e escrever nas zoanas esquerda e direita.

Códigos
<div style="float: left; width: 45%">Escreva aqui o Texto da Coluna da Esquerda</div> 
<div style="float: right; width: 45%">Escreva aqui o Texto da Coluna da Direita</div> 
<div style="clear: both"></div>

2 comentários:

  1. Olá, tudo bem?
    Gostei muito da dica!
    Agora como faço para adicionar fotos e com título na lateral ou abaixo das fotos e com um link leia mais>>>?
    Aguardo um breve retorno,
    abraços,
    hélio katsube
    deixo o meu e-mail helio-katsube@hotmail.com

    ResponderExcluir
    Respostas
    1. Ola Hélio! Eu não consegui compreender bem o que você quis dizer. Você quer de inicial como no meu blog? Com leia mais>>>

      Ou em imagens dentro das postagens como legenda abaixo delas.

      Excluir

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345