terça-feira, 26 de junho de 2012

Dividir rodapé em 3 colunas

Yo galera, venho trazer mais um tutorial ótimo pra quem quer dividir o rodapé em 
3 colunas. 
Exemplo:
Primeiro passo:
Vai, no blogger, vá em Design, Editar HTML, procure por:
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
Após encontrar, substitua o código acima por esse logo abaixo:
<div id='footer'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
<div id='footer-bottom' style='text-align: center; padding: 10px;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
</b:section>
</div>
<div style='clear:both;'/>
</div>
Está pronto, depois é só adicionar um gadget normalmente. Se ainda tiver dúvidas deixe um comentário. 

1 comentários:

  1. Valeuuuuuuuu já estava quase desistindo de tentar um monte de código, mas o seu código deu certinho obrigada

    ResponderExcluir