Site Config Files
Licensing Gateway
Distributor Tools
Site Templates
Template Construction
Custom template design guidelines
The design process
Creating the HTML template file
Advanced coding techniques
Custom Web Forms
Custom PHP Includes
Search Engine Optimization
Useful Web Resources
Default Style Sheet File
Built-In Javascript Functions
Frequently Asked Questions (FAQs)
Site Config Options
Online Users Manual Search Manual for:  
Site Templates
Template Construction

Template Construction
Once you have designed the template cut the template up into different pieces, so that you can place the images into an html file. Keep in mind when you cut the pieces that each piece should be specific to a template variable such as #LOGO#.

Next create the index.html file. This file will be the html file you place all the image files in to create the template. Split the index.html using tables; this can be tricky the first few attempts. It is a good idea to design stretchable fields.

(The dotted lines above represent the different cell rows and tables)

The above template uses the following HTML:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table width="780" height="270" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="780" height="129" valign="top" background="head.jpg"><blockquote>
<p>&nbsp;</p>
<p><strong><font color="#FFFFFF" size="5">#LOGO#</font></strong></p>
</blockquote></td>
</tr>

<tr>
<td height="35" align="center" valign="top" background="Hmenu.jpg"><div align="center">#TMENU#</div></td>
</tr>
<tr>
<td><table width="780" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="197" valign="top" bordercolor="#FFFFCC" background="Vmenu.gif">
<blockquote>
<p> #VMENU#</p> </blockquote></td>
<td width="583" height="59" background="text.gif"><blockquote>
<p>#CONTENT#</p>
</blockquote></td>
</tr>
</table>
<table width="780" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="23" background="menu-bottoms.jpg">&nbsp;</td>
</tr>
</table>
<p>&nbsp;</p></td>
</tr>
</table>
</body>
</html>