26 julho 2013

Tutorial - 2 ou 3 colunas no blog


Oii gente  hoje eu vou postar dois códigos super úteis pra vocês. Que é o de 2 e 3 colunas lembrando que os valores podem ser ajustados  Esse tutorial eu vi no Jackie Dream.

Para ler o tutorial, clique em "leia mais".





Cole os códigos abaixo onde você deseja utilizar as colunas. No caso de ser em uma postagem ou página lembre-se de colar na aba HTML (exemplo)


  2 colunas


Código:

<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>

 3 colunas 

                  

Código: 
<div style="float:left;padding:2px;text-align:center">esquerda</div><div style="float:right;padding:2px;text-align:center">direita</div><div style="clear:both;padding:2px;text-align:center">embaixo</div>

Aonde está escrito "esquerda", você escreve o texto da coluna esquerda.
Aonde está escrito "direita", você escreve o texto da coluna direita.
Aonde está escrito "embaixo", você escreve o texto da coluna embaixo, como a da foto de exemplo.

Espero que tenham gostado. Bye 



Um comentário :

  1. Ai meu Deus que babadoooooooooo eu pireeeeeei aquui loucamenteee. Eu sabiaaaaaaaaaa que eles iam voltar eles são alma gêmeas cara, tadinhaaaaaaaaaaa da Mel cortaram ela deram tapa chute que filhos da mãe.....ele PEDIU ELA EM CASAMENTOOOOOOOO AAAAAAAAAAAAAAAAAAAA amei a forma que ele pediu ameei. ELA TA GRAVIDAAAAAAAAAAAAA sera que ela vai aborta? :OO tomaraa que nÃO NÃO e não

    ResponderExcluir