7.3.12

Dividir lista de links/textos em duas colunas

tumblr_lzytb5oi0h1r3vsqjo1_500_large.jpg (500×335)
ooi maçãs fritas,
hoje eu trouxe mais um tutorial para vocês ~que eu vi no Trechy Teen~. Dessa vez vai ficar assim:


Coluna da Esquerda

Coluna da Direita




Cliquem em read more para ver o tuto.


Para dividir os links em duas colunas use o seguinte 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>
<div style="clear: both"></div>

É bem simples amores. É só vocês fazerem o processo de 'linkagem' *hahaha ú_ú* , normalmente.

Vai ficar assim:


Link1
Link2
Link3
Link4
Link5
Link6
Link7
Link8
Link9
Link10

Link11
Link12
Link13
Link14
Link15
Link16
Link17
Link18
Link19
Link20









Para você escrever é só dar enter mesmo que já pula para a linha seguinte na mesma posição. Não é nada complicado. Qualquer dúvida fale pelos comentários que eu respondo (:
Beijos amores e depois tem mais :8

3 comentários:

Khenberly disse...

dica
oh
]ameiiiiiiiiiiiiiiiiii
bezossssssssssss
http://guriabunitabykhen.blogspot.com/

kayla cristina ♥ disse...

Oi tudo beem ? Vim visitar o teu blog ! amei sabe esse tuto ai ele é super fácil mais falta corajem pra mim fazer -.-
kisses,
kayla
kaylacristina.blogspot.com

blog da pepi disse...

EU FIZ MAS NAO SEI POR QUE AS LINHAS FICARAM SALTEADAS EU GOSTARIA QUE FICASSEM JUNTINHAS E AGORA ?

http://blogdapepi.blogspot.com.br/