Make your own Joomla Template: Part 5 (Creating Layout)

Filed Under ( Joomla, PHP, Photoshop, Programming, Technology, Tips, Tutorial ) by admin on 07-09-2008

Tagged Under : Joomla, Tips, Tutorial

Joomla Template Tutorial - Part 5: Before put content, we must design the blocks where module or component placed. In this posting, we use ‘classic’ HTML (I mean, use <table> not <div>).

Our layout target like following picture:

Ok, open index.php within folder mytemplate. Enter following code:

< ? 
// no direct access 
defined( '_JEXEC' ) or die( 'Restricted access' ); 
? > 
< html > 
< head > 
< / head > 
< body > 
<table border="1" width="100%" bgcolor="#ffff00">
<tbody>
<tr>
<td colspan="3">Top</td>
</tr>
<tr>
<td colspan="2">User 3</td>
<td>User 4</td>
</tr>
<tr>
<td rowspan="2">Left</td>
<td colspan="2">
<table border="1" width="100%">
<tbody>
<tr>
<td>User 1</td>
<td>User 2</td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td height="200">Component</td>
<td>Right</td>
</tr>
<tr>
<td colspan="3">Footer</td>
</tr>
</tbody></table>
< body >
< html >

2 Comments

Comments:

Gerben says...

Why do I have to use classic HTML, and not DIV??

I’m more a div man!

Posted on: 6/Apr/2009 @ 1:13 pm

Steve says...

You can create a layout for joomla using XHTML (Div’s).
Just tables for div.

Posted on: 23/Sep/2009 @ 5:09 pm