segunda-feira, 16 de julho de 2012

Como dividir links em 2 (duas) colunas?

Tumblr_m78e5qe7lh1qm59ufo1_500_large

Assim deixa os seus links mais um pouco organizado. Veja a demonstração abaixo:


Escreva aqui o Texto da Coluna da Esquerda
Escreva aqui o Texto da Coluna da Direita

L
egal não é?  
Não se se já viram mas página de tutorias do PH♥ [www] já foi adquirida. Há um bom tempo é claro :) Garanto que fará uma bela de diferença principalmente a você que tem muitos e muitos links em uma página só.

Vá na tal desejada página (menu) ou (postagem) e na parte Html cole 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>

personalize apenas:
Vermelho: espaços (recomendo 50%)
Lilás: Texto a ser mostrado


poderá ser também na sidebar (barra lateral) vá na parte de layout >> adicionar um gadget >> HTML/JavaScript. Não precisará clicar em nada agora apenas cole o seguinte código dentro dele:
<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>

personalize apenas:
Vermelho: espaços (reduza ou amente ao seus gosto)
Lilás: Texto a ser mostrado


depois de ter feito os passos mostrados acima agora sim você irá ter que clicar em Formato Rich Text para ver se funcionou. 

Para editar apague o que está escrito e substitua pela "nome desejado" depois selecione e clique no objeto hiperlink () a partir dai, você irá colocar a Url da página que você deseja que seja redirecionada. Ao finalizar a edição de todos os links desejados exemplo: elite de afiliados, créditos ou qualquer outra coisa, clique em "salvar" :)


Você poderá deixar igual a do blog PH♥ [www]:

também coloca-los no meio:

ou do lado oposto ao original:

Agradecimentos a linda da Candy Reis
Beijos :*

Nenhum comentário: