5,838
edits
Customised templates: Difference between revisions
m
→HTML 5 - a very quick quide to structure
m (→Slightly less simple customisation of trendsT.htm: spelling!) |
|||
|
For example, as at 13 May 2014, the standard named templates from Jacques Desroches (see [http://weatherbyyou.com English language site] and [http://meteoduquebec.com French language site]) require '''UTF-8 encode''' within the web settings frame on ''Sites/Options'' tab of internet settings to be deselected. i.e. his pages use 'iso-8859-1' encoding.
It is possible to take the standard Cumulus web templates and customise these into totally new ones to your own requirements. A basic understanding of HTML is useful.
=== Standard HTML 5 start for a Cumulus template ===
A Cumulus template written in HTML 5 requires a simple start to the file:
<pre>
<body> <!-- This defines the start of what the browser is to display in its window -->
</pre>
The main part of the page (you can base that on what you can see in the closest standard template to what you are trying to achieve) goes
=== Navigation Links ===
On a standard Cumulus page there are some HTML headings and then a HTML table ending with a way to select another Cumulus page (a set of 'anchor' links).
You need to surround the navigation bar links with suitable HTML elements (see standard templates for examples, often they are in a table cell defined by <td colspan="X"> and </td> where X is set to the number of cells in other rows).
<pre>class="td_navigation_bar">:<a href="index.htm">now</a>::<a href="gauges.htm">gauges</a>::<a href="today.htm">today</a>::<a
href="yesterday.htm">yesterday</a>::<a href="thismonth.htm">this month</a>::<a href="thisyear.htm">this year</a>::<a
href="record.htm">records</a>::<a href="monthlyrecord.htm">monthly records</a>::<a href="trends.htm">trends</a>:<#forum><#webcam></pre>
Note if you have other pages on your web site, you might wish to add a link to a 'Home' page, or you might add extra pages (such as the [[SteelSeries_Gauges|steel series gauges]], the [[AnnualDataSummary|daily summary]], [[Highcharts_-_Realtime|Extended graphs]])
=== Standard Finish ===
All templates should have this standard finish to a Cumulus style template:
<pre>
| |||