7.1

Use the class name of the body element in the template name (<pageid>).
A template exception file for the Welcome page.
Modifying a page specific template file
The duplicated template file contains various function blocks that render the final output. The position of these blocks com-
bined with the style files define the presentation of the web site. By inserting HTML and PHP code you can add functions and
information to the page. In some cases you might want to remove unwanted elements from the template, be very careful
when experimenting with this at it might lead to a non working skin.
The following HTML/PHP code was used to replace the text and sidemenu elements of the Welcome page. The content selec-
tion is replaced by an banner image and side menus are added for some quick links and contact information. Note that in this
sample we added style information in-line, typically this information is added to one of the style files (or a custom style file).
The images used in this sample are stored in the folder of the skin.
<div id="content">
<div style="float:left;width:100%;">
<ul style="list-style-type: none;margin:0;" id="banners">
<li style="margin:0 0 1em 0;">
<img src="<? echo generateSkinLocation() ?>/banner-steps.png"/>
</li>
<li style="margin:0 0 1em 0;">
<img src="<? echo generateSkinLocation() ?>/banner-holiday.png"/>
</li>
</ul>
</div>
</div>
<div style="clear:right;float:right;width: 27%;">
<div style="border:1px solid #CDCDCD;">
<p style="
©2010 Objectif Lune Inc - 248 -