i. Left and right blocks template
As you can see in the picture, left and right blocks have a yellow header: look at the Block templates of the theme:
- leftblock.html and rightblock.html in your /ATTest folder are the templates: for example leftblock.html:
<TABLE WIDTH="165" BORDER="0" CELLPADDING="0" CELLSPACING="3" BGCOLOR="#FFC22C"> <TR> <TD CLASS="title"> <!-- [block-title] --> </TD> </TR> </TABLE> <TABLE WIDTH="165" BORDER="0" CELLPADDING="1" CELLSPACING="0" BGCOLOR="#FF9900"> <TR> <TD><TABLE WIDTH="100%" BORDER="0" CELLPADDING="0" CELLSPACING="4" BGCOLOR="#FFFFFF"> <TR> <TD> <!-- [block-content] --> </TD> </TR> </TABLE></TD> </TR> </TABLE> <TABLE WIDTH="165" BORDER="0" CELLSPACING="0" CELLPADDING="0"> <TR> <TD HEIGHT="7"> <IMG SRC="<?php echo $imgpath; ?>spacer.gif" WIDTH="1" HEIGHT="7"></TD> </TR> </TABLE> |
The rightblock.html looks similar... It's built with 3 main tables:
the first table for the header with the yellow BGCOLOR="#FFC22C" and the AT command <!-- [block-title] --> where AT includes directly the Block Name defined in Admin Panel >> Settings >> Blocks by the system: when you create a new block, it will be the name you decide for the block.
the second table for the block content with white BGCOLOR="#FF9900" and AT command <!-- [block-content] --> to insert automatically the output of the block.
Third table is a spacer.
Note: there are no borders set up and only the width is fixed (WIDTH="165"), because the height depends on the content of the block and the width of all the leftblocks has to be alligned as included in a column.
Rightblock.html has a similar structure with some spacer cells more....