Pular para o conteúdo

Dividir Gadget de Javascript em 3 ( Tres ) colunas

Dividir um Gadget de texto, imagens e com códigos javascript é possível com a utilização de um código como oque irei mostrar abaixo.

Qual a necessidade de fazer essa divisão ?

Na maioria dos casos, essa divisão é utilizada para evitar que a sidebar de um blog ou site fique muito extença, de forma que ao fazer essa divisão, o conteúdo fica mais enquadrado além de poder ser dividido separademente da forma que for mais conveniente.

O melhor desse código, é que a divisão é feita de simples e você pode usar vários codigos e textos em um mesmo gadget facilitando o trabalho além de deixar uma visualização mais limpa.

Como fazer a divisão ?

1º – Crie um gadget de texto ou javascript e cole o seguinte código dentro dele.

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


2º – Agora onde está escrito  ” esquerda, direita e embaixo ” de vermelho, basta você adicionar o conteúdo de acoro com a posição que desejar.

Veja na umagem abaixo como ficaria o resultado em um gadget de testo puro.





Qualquer dúvida, deixe seu comentário !


Este artigo pertence ao Kbaus Tutoriais.
Plágio é crime e está previsto no artigo 184 do Código Penal.

Deixe uma resposta