Make a Joomla Template in 5 Easy Steps phần 7 pps

TWO A N D T H R E E CO LUM N T E M P L A TE

61

<td>

<table width="100%" cellpadding="0" cellspacing="0">

<tr>

<td width="200px" valign="top">

<?php mosLoadModules ( 'left' ); ?></td>

<td valign="top"><?php mosMainBody(); ?></td>

</tr>

</table>

</td>

I’ve highlighted these changes in pink so you can see where they go. Notice I have also add

the valign to the main body column too, just in case we have short amounts of text in here.

Finally we need to wrap the left module tag with a <div> class so we can add some

formatting to it, this will look like this:

<td>

<table width="100%" cellpadding="0" cellspacing="0">

<tr>

<td width="200px" valign="top">

<div class="dufleft">

<?php mosLoadModules ( 'left' ); ?>

</div>

</td>

<td valign="top"><?php mosMainBody(); ?></td>

</tr>

</table>

</td>

I’ve highlighted this green so you can see it. So your index.php file should be looking

something like this:

Save the index.php file and upload it to the duffer2 folder on your web site. Now open the

template_css.css file in the duffer2/css folder. Scroll to the very bottom and add this: