In memory of pWS 0.x.x, let draw the theme styling concept:
The conceptual base was the long time worldwide prefered table layout, organized in a 3x3 matrix, at the whole placed in one table row, where one table cell spanned three columns vertically with dynamic height depending on the content. Often, the third column was not used and was then occupied by the second column. Within one cell of the matrix, the content was inserted in boxes by the template processing accross the so called output variables (like {BODY}). One cell of the 3x3 matrix was able to hold one or more boxes, and each box has have an associated template. Such template contained the xhtml markup to style the content as desired.
The look to the old default/theme.tpl:
0001 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
0002 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
0003 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
0004 <head>
0005 <title>{TITLE}</title>
0006 {METATAGS}
0007 {JAVASCRIPT}
0008 {STYLE}
0009 </head>
0010 <body>
0011
0012 <a href=".">
0013 <img src="{THEME_DIRECTORY}images/poweredby.jpg" alt="Fallout" border="0" />
0014 </a>
0015
0016 <table border="0" cellpadding="5" cellspacing="0" width="100%" summary="Layout table">
0017 <tr>
0018 <!-- BEGIN LEFTSIDE -->
0019 <td width="15%" valign="top" align="center">
0020 {LEFT_COL_TOP}
0021 {LEFT_COL_MID}
0022 {LEFT_COL_BOTTOM}
0023 </td>
0024 <!-- END LEFTSIDE -->
0025 <td valign="top" width="70%">
0026 {TOP}
0027 {BODY}
0028 {BOTTOM}
0029 </td>
0030 <!-- BEGIN RIGHTSIDE -->
0031 <td width="15%" valign="top" align="center">
0032 {RIGHT_COL_TOP}
0033 {RIGHT_COL_MID}
0034 {RIGHT_COL_BOTTOM}
0035 </td>
0036 <!-- END RIGHTSIDE -->
0037 </tr>
0038 </table>
0039
0040 <!-- COPYRIGHT NOTICE -->
0041
0042 <!-- Since phpWebSite is free open source software we greatly appreciate
0043 proper recognition of the development team and wish to see theme
0044 developers receive due credit for their work.
0045
0046 Do not remove this copyright notice - if you wish to prevent the notice
0047 from displaying, please enclose it in html comments. Additional
0048 information on credits, copyrights and licenses can be found in the docs/
0049 directory. -->
0050
0051 <div class="copyright">
0052 <p>All site content © {SITE}</p>
0053 <p>This site is powered by
0054 <a href="http://phpwebsite.appstate.edu/" title="phpWebSite">phpWebSite
0055 ©
0056 Appalachian State University</a>. phpWebSite is licensed under the <a
0057 href="http://www.gnu.org/copyleft/lesser.html" title="GNU LGPL">GNU LGPL</a>
0058 and <a href="http://www.gnu.org/copyleft/gpl.html" title="GNU GPL">GNU
0059 GPL</a></p><br />
0060 </div>
0061
0062 <!-- COPYRIGHT NOTICE -->
0063
0064 {EXAMPLE}
0065 </body>
0066 </html>
0067
eZine
