7.0

Table Of Contents
6.2 Modifying a page specific template file
The duplicated template file contains various function blocks that render the final output. The position of these
blocks combined 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 selection 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="
background:#D9E1E5 url(<? echo generateSkinLocation() ?>/images/nav_bg.gif)
repeat-x scroll left top;
border-bottom:1px solid #CDCDCD;line-height:2em;
text-indent:2px;font-weight:bold;">Quick Links</p>
<div style="padding: 2px">
<p><img src="images/get_adobe_reader.gif"/></p>
</div>
</div>
<div style="border:1px solid #CDCDCD;margin-top: 1em;">
<p style="background:#D9E1E5 url(<? echo generateSkinLocation() ?>/images/nav_bg.gif)
repeat-x scroll left top;
border-bottom:1px solid #CDCDCD;line-height:2em;
text-indent:2px;font-weight:bold;">Contact us</p>
<div style="padding: 2px">
<p style="margin-bottom: 0.5em;">
<b>Address</b></br>Jabber<br/>Address 2</br>123 Anywhere
<p>
<p>Phone: 123123123123<br/>Email: info@objectiflune.com</p>
</div>
</div>
</div>
The following image shows the outcome of the page specific template exception.
Objectif Lune Inc. © 2010 44