MAXdev - MDPro the most easy to use and feature rich GPL CMS

Docs Index

MDPro Administration Guide

MDLite addons modules online guide

Building the layout of your site with AutoTheme

- Index and Notes on the chapter

f. The Three Column structure:

30-Nov-1999

f. The Three Column structure:

Ok, now let's add the three column structure to our theme.html template under the header area: left blocks, center block & modules, right blocks and footer:

Open theme.html template with your favorite web editor, and, at the bottom of the HTML code, before the closing </BODY> </HTML> tags, insert following code:

<TR>

<TD>

<TD>

<TR>

<TR>

<TD ALIGN="CENTER" CLASS="login" > Welcome message</TD>

</TR>

<TR>

<TD HEIGHT="4" CLASS="login" ><IMG SRC="<?php echo $imgpath; ?>spacer.gif" WIDTH="1" HEIGHT="4"></TD>

</TR>

</TABLE>

<TR>

<TD WIDTH="3"><IMG SRC="<?php echo $imgpath; ?>spacer.gif" WIDTH="3" HEIGHT="1"></TD>

<TD> Left Blocks </TD>

</TR>

</TABLE>

</TD>

<TR>

<TD ALIGN="CENTER"> Center blocks & Modules here

</TD>

</TR>

</TABLE>

</TD>

</TR>

</TABLE>

</TD>

<TR>

<TD HEIGHT="7"><IMG SRC="<?php echo $imgpath; ?>spacer.gif" WIDTH="8" HEIGHT="8"></TD>

</TR>

</TABLE>

Right blocks</TD>

</TR>

</TABLE>

</TD>

<TD WIDTH="1" ALIGN="RIGHT" BGCOLOR="#2D6EC5"><IMG SRC="<?php echo $imgpath; ?>spacer.gif" WIDTH="1" HEIGHT="1"></TD>

</TR>

</TABLE>

<TR>

<TR>

<TD CLASS="footer" ALIGN="CENTER" height="20"> Footer Message </TD>

</TR>

</TABLE>

</TD>

</TR>

</TABLE>

<TR>

</TR>

</TABLE>

</BODY>

</HTML>

Let's see the table structure we added:

two nested tables each with a unique row <TR> from line 40 (where the added code starts) to 100: the second table consists of some cells: one nested table containing left and center blocks (line 43 – 74), one separator cell (line 75) and a cell for the right blocks (line 76-82).
the table for left and center blocks (line 43-74) consists of a column (<TD>) with a row for the welcome message, a separator and a row for left blocks. Background color of the columns and cells is always blue (#2D6EC5): Center blocks has no BGCOLOR: it will show white per default.
forces a blank space, since HTML code recognises only one blank space between words in the text....

So you created your 3 column basic structure where to place the AT commands that will insert the real objects: blocks, variables, modules, etc. Save the theme.html file and open the MDPro site from the browser, using the usual preview URL

http://127.0.0.1/mdpro/index.php?theme=ATTest

That's what we got:

Now we have to insert the

Docs Index

MDPro Administration Guide

MDLite addons modules online guide

Building the layout of your site with AutoTheme

- Index and Notes on the chapter

f. The Three Column structure: