| Make it Yours, with Easy to Edit HTML Templates and CSS |
|
All PRO pages are rendered using HTML templates, CSS and the language files for the text. An example of this is the featured properties. The template for featured properties looks like this.... <!-- BEGIN: main --> {mosOverlib} {slideshowcode} {startslideshow} <link rel='stylesheet' type='text/css' href='{mosLiveSite}/components/com_resman/css_themes/resman_style.{STYLESHEET}.css' media='screen'/> <table width=100% border="0"> <!-- BEGIN: properties --> {tablecontrol_open} <!-- if start of the featured properties passes <tr> --> <td> <table width="280" height="140" border="0" cellpadding="0" cellspacing="4" class="featured_properties_mini_table"> <tr> <td width="1" rowspan="3"><table border='0' align="" cellpadding="4"><tr><td>{photo}</td></tr></table></td> <td height="10" align="right">{stars}</td> </tr> <tr> <td><strong>{properties.name}</strong> <p>{summary}</p></td> </tr> <tr> <td height="10" valign="bottom"> <a href="index.php?option=com_resman&task=moreinfo&id={properties.uid}" class="featured_properties_mini_readmore_link"><div class="featured_properties_mini_readmore_link">{PHP._MSG_READMORE}</div></a> </td> </tr> </table> </td> {tablecontrol_close} <!-- if column is over three then </tr> is passed --> <!-- END: properties --> </table> <!-- END: main -->
This provides this:-
This HTML code can easily be adapted to fit with your requirements. PRO passes variables through to this template using the {variablename} place holders. The <!-- BEGIN: XXX --> and <!-- END: XXX --> are used by Reservation Manager. CSS The other controlling factor of all PRO layout is the CSS, the CSS used is dependant on your choice through the configuration. However all Reservation Manager CSS files are located in the same folder and are easy to indentify and to edit. Your own styles can be defined here and applied to the HTML template files. We recommend the following tools for helping you edit your CSS:-
|
|||||||||||||
| Next > |
|---|