<html><head>
<title>Columns Shortcodes</title>
<link rel=StyleSheet href="pop-upstyle.css" type="text/css" media="screen">
</head>

<BODY BGCOLOR="#F2F9FA" TEXT="#000000" LINK="#99CCFF" VLINK="#99CCFF" ALINK="#99CCFF" leftmargin=0 rightmargin=0 topmargin=0 bottommargin=0 marginheight=0 marginwidth=0>

<!-- OUTER TABLE-->
<TABLE cellpadding=0 cellspacing=0 border="0" bordercolor="666666" width="100%" height="100%"><tr><td ALIGN="CENTER" VALIGN="TOP">

<!-- CONTENT TABLE -->
<TABLE cellpadding=0 cellspacing=0 border="0" bordercolor="666666" width="80%"><tr><td ALIGN="left" VALIGN="TOP">
<br>

<span class="title" style="padding:0px 5px 0px 5px;background-color:#CCFCD9;border:1px solid #339966;"><strong>Columns Shortcodes:</strong></span>
<br />
This option will enable the columns shortcodes usage within the post/page content area.

<br /><br />

<span class="title" style="padding:0px 5px 0px 5px;background-color:#CCFCD9;border:1px solid #339966;"><strong>Usage:</strong></span>
<br />
You can use the column shortcodes to insert columns in your post/page content area.<br /><br />
For example: If you'd like to divide your content into two columns you would type:<br />
<b>[one_half]</b>This is the left column.<b>[/one_half][one_half_last]</b>This is the right column.<b>[/one_half_last]</b>.<br /><br />
Remember to "close" your short code, just as you would with HTML. Also; did you notice the <b>_last</b> added to the last content column? That's REALLY important as it will remove the margin on the right side. <b>If you forget it, your columns won't work.</b><br /><br />
How about another example?<br />
<b>[two_third]</b>This area is two thirds wide.<b>[/two_third][one_third_last]</b>This is some more content, only one third wide.<b>[/one_third_last]</b><br /><br />
You can combine the available sizes any way you'd like, but you must ensure the total width is equal to "1".<br />
For example, you can have [one_sixth]Some Content Here.[/one_sixth][one_half]Some Content Here.[/one_half][one_third_last]Some Content Here.[/one_third_last]... because the total is equal to "1".

<h3>Available Shortcodes:</h3>
[one_third]<br />
[one_third_last]<br />
[two_third]<br />
[two_third_last]<br />
[one_half]<br />
[one_half_last]<br />
[one_fourth]<br />
[one_fourth_last]<br />
[three_fourth]<br />
[three_fourth_last]<br />
[one_fifth]<br />
[one_fifth_last]<br />
[two_fifth]<br />
[two_fifth_last]<br />
[three_fifth]<br />
[three_fifth_last]<br />
[four_fifth]<br />
[four_fifth_last]<br />
[one_sixth]<br />
[one_sixth_last]<br />
[five_sixth]<br />
[five_sixth_last]

<br /><br />

<img src="images/columns1.png" border="1px solid #000000" /><br />
<em>Back-end view of the columns shortcodes.</em><br /><br />

<img src="images/columns2.png" border="1px solid #000000" /><br />
<em>Front-end view of the columns shortcodes.</em><br /><br />

</td></tr></table>
<!-- CONTENT TABLE -->

</td></tr><tr><td ALIGN="center" VALIGN="bottom"><!-- OUTER TABLE -->

<!-- CLOSE BUTTON -->
<form>
<input type=button value="Close Window" onClick='self.close()'>
</form>

</td></tr></table>
<!-- OUTER TABLE-->

</BODY>
</HTML>