phpeveryday.com

The best tutorial of php, php framework, php strategies, object oriented oriented,


Joomla - Template: Creating Layout (part 5)

Tag: joomla, template   Category: Web Design, PHP Framework
post: 13 Dec 2007 read: 3,135


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 width="100%" border="1" bgcolor="#FFFF00">
    <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 width="100%" border="1">
            	<tr>
                	<td>User 1</td>
                	<td>User 2</td>                
                </tr>
            </table>
        </td> 
    </tr>
    <tr>  
      	<td height="200">Component</td>
      	<td>Right</td>    
    </tr>
    <tr>
      	<td colspan="3">Footer</td>    
    </tr>  
</table>

</body>
</html>
    
    

	
    

Series this article: 
Joomla - Template: Understanding Basic Template (Part 1)
Joomla - Template: Understanding Module Position (Part 2)
Joomla - Template: My First Template (Part 3)
Joomla - Template: Activate Template (Part 4)
Joomla - Template: Creating Layout (part 5)
Joomla - Template: Using jdoc (part 6)
Joomla - Template: Using Parameters (Part 7)
Joomla - Template: Place Text  (Part 8)
Joomla - Template: Creating Preview Thumbnail (Part 9)
| Give Your Opinion | Recommend
Share and Bookmark to: These icons link to social bookmarking sites where readers can share and discover new web pages.
digg del.icio.us technorati Ma.gnolia BlinkList

Recommended articles by other readers:
Web Services: How PHP Kiss VB.NET? (Part 1)
Chart: How to Build Cool Animation Real Time Chart
Joomla: Fast Road to Understand Component Programming
Email: Send Attachement Mail
mod_rewrite - Part 1: create your "fantasy" URL

What do You Think?
Your Name *:
Email *:
(Will not be published)
Website/URL:
Your Comment *:
* Required


615
posting