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

by admin on September 7, 2008

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 >

Lastest posts in Joomla

{ 2 comments… read them below or add one }

Gerben April 6, 2009 at 1:13 pm

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

I’m more a div man!

Reply

Steve September 23, 2009 at 5:09 pm

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

Reply

Cancel reply

Leave a Comment

Previous post:

Next post:

Page 1 of 11