We have seen any region can be defined and populated with prioritized content. We have seen a couple of pre-defined region, namely the TITLE, BODY, BODY_FOOT, BODY_TITLE, COPYRIGHT regions. Some other are defined which do not appear in this template, like a FOOTER region. Note that if it does not appear in the template, any content dumped in a region is simply ignored.
Of course, you can define several templates that organize these regions differently, and according to the user's choice (or yours), assign the template dynamically like on this page; I even provided a second built-in template for smaller screens:
<?php
$myHTML->setTemplate("CSE_display/CSE_template_narrow.txt");
?>
Of course, the CSS defines how the page looks like, and can be customized easily (or you can just write your own and similary assign it).
For instance, there is another special region up there (saw these buttons?) - but it is only special because the CSS style sheet uses a different style - it is the * {BUTTON} * region above. The CSS is customized so that when you add a link in this region, it looks like a button, simply:
<?php
$myHTML->appendRegion("BUTTON","<a href='index4.php' class='button'>Nothing</a>",1);
$myHTML->appendRegion("BUTTON","<a href='index4.php' class='button'>Else</a>",8);
?>
You see how to use the CSS to define some region customized to your needs. In this case, the links simply are assigned a class and the default CSS contains:
a.button {
color:#000;
font-weight: bold;
border-style: outset;
border-color: #ff6600;
padding: 1px 6px;
background: #BB4900;
margin-left: 5px;
margin-right: 5px;
border-width: 1px;
text-decoration: none;
}
a.button:link {
}
a.button:visited {
}
a.button:hover {
background: #883300;
}
a.button:active {
background: #883300;
}