Search
Enter Keywords:
Tuesday, 07 October 2008
Hosted Forums
Templates
Your own

commuity forum

for your church

or non-profit

organization.

Home arrow Tutorials arrow Templates arrow Template Creation
ADVERTISEMENT
Template Creation Print
Written by Ben   
Wednesday, 13 October 2004
Article Index
Template Creation
Table 1 - Site Name
Table 2 - Pathway
Table 3 - Main Content
Table 4 - Footer
Advanced Templating
Credits

TABLE 2 - PATHWAY

Once again we will begin by creating the table with the table rows and the table cells.  So go ahead and type in the code that is in the image below:

Click to Enlarge
Click to Enlarge










Table 2 Code

Collapse All Expand All

[+]

Pathway

Now we will insert the Joomla! specific code that calls the pathway into your template.  One thing to note is that this is only specific to version 1.0 and above.

Type the code as shown on line 33 in the image below:

Click to Enlarge
Click to Enlarge










Pathway Code

[+]

Table 2 CSS

Now lets create the styles for the second table and it's cell and then the pathway itself.  Again this goes in the tutorial_css.css file.  Type it so that it matches the image below:

Click to Enlarge
Click to Enlarge











Table 2 CSS Code

[+]

This created the styles for the table and the table cells.  This next image shows the code for the pathway itself.  Enter the code just as the image shows:

Click to Enlarge
Click to Enlarge











Pathway CSS Code

[+]

Preview Table 2

Now that the second table is done, lets take a look at what it looks like live.  Just copy and paste the index.php content to the index file through your admin panel and the tutorial_css.css content in the css file through your admin panel.  Once you have done that it should look like the image below:

Click to Enlarge
Click to Enlarge





As you can see there is no text in the second box.  That is ok.  Once we get the menu's and the content in the next table, you will start seeing the pathway working. Line numbers are not relevant here.  You can place this code at the end of the template if you wish.



Last Updated ( Thursday, 06 September 2007 )
 

© 2008 Church Ministries Online
Joomla! is Free Software released under the GNU/GPL License.