VbID dc4db eZine

Home

1.3.pWS 1.x.x theme styling

As mentioned, the table based layout vanishes and is replaced by css styling with boxes (regard: a css box has nothing to do with a pWS box, there is the same word "box" in the logic of css and there is a meaning for "box" more in the pWS 0.x.x logic). To confuse a bit, a pWSbox may be used in pWS 1.x.x also, that works with CSSboxes. Let use these two unique terms to differ.

CSSboxes are formed by div containers. A plenty of properties (like dimensions, borders etc) may be assigned to. Let have a look to the shellow drawn scheme of pWS 1.x.x

theme.tpl

from the default theme looks:

0001 {XML}{XML_STYLE}{DOCTYPE}{XHTML}
0002 <head>
0003 {BASE}
0004 <title>{PAGE_TITLE}</title>
0005 {METATAGS}
0006 {JAVASCRIPT}
0007 {STYLE}
0008 <!--[if IE 6]>
0009   <link rel="stylesheet" type="text/css" href="themes/default/hacks.css" />
0010 <![endif]-->
0011 </head>
0012 <body>
0013 {LAYOUT_HEADER}
0014 <div id="container">
0015    <div id="top-menu">{SEARCH_SEARCH_BOX}{USERS_LOGIN_BOX}<hr />{BREADCRUMB_VIEW}</div>
0016    <div id="sidepanel">
0017      {MENU_MENU_1}
0018      {DEFAULT}
0019      <div id="notes-list">{NOTES_REMINDER}</div>
0020    </div>
0021    <div id="main-content">
0022      <!-- BEGIN header --><div id="header">{LAYOUT_HEADER}</div><!-- END header -->
0023      {BODY}
0024      <div id="bottom">{BOTTOM}</div>
0025    </div>
0026    <div id="footer">{LAYOUT_FOOTER}</div>
0027 </div>
0028 </body>
0029 </html>
0030

There are no more table tags to see.