-->

How to Make Element Footer 3 & 1 column

If yesterday I have been discussing how to create a footer element into two columns, in this article I will give you a way how to make a footer into three columns and one column, the same way as a two-column footer (if you have not read click here) but the last scrypt we have fox. if yesterday scrypt the two columns as below.

<div id='footer-column-divide'>

<div id='footer1' style='width: 50%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 50%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div style='clear:both;'/>
</div>

replace it with scrypt below scrypt

<div id='footer-column-divide'>

<div id='footer1' 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='footer2' 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='footer3' style='width: 30%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col3'
preferred='yes' style='float:left;'/>
</div>

<div style='clear:both;'/>
</div>

And to create a column footer replace with the following scrypt

<div id='footer-column-divide'>

<div id='footer1' style='width: 99%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div style='clear:both;'/>
</div>

Posting Komentar

Label

Subscribe Our Newsletter