7.1

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="resources/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: [phone]<br/>Email: [e-mail]</p>
</div>
</div>
</div>
The following image shows the outcome of the page specific template exception.
A custom welcome page.
As the web site is created in PHP custom statements could be added based (for example based on the logged on user). With a
little help of Javascript (jQuery) you could create an image rotator to show images as slide show. The following code creates a
very simple image rotator. Note that we added display:none to the second banner in order to initially hide the image.
<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;display:none;">
<img src="<? echo generateSkinLocation() ?>/banner-holiday.png"/>
©2010 Objectif Lune Inc - 249 -