5,838
edits
Customised templates: Difference between revisions
From Cumulus Wiki
Jump to navigationJump to search
m
→HTML 5 - a very quick quide to structure
m (→Slightly less simple customisation of trendsT.htm: spelling!) |
|||
| Line 98: | Line 98: | ||
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. | 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. | ||
== HTML 5 - a very quick quide to structure == | |||
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. | 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: | A Cumulus template written in HTML 5 requires a simple start to the file: | ||
<pre> | <pre> | ||
| Line 115: | Line 118: | ||
<body> <!-- This defines the start of what the browser is to display in its window --> | <body> <!-- This defines the start of what the browser is to display in its window --> | ||
</pre> | </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 | 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 next. | ||
You | === 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 | <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="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> | 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: | All templates should have this standard finish to a Cumulus style template: | ||
<pre> | <pre> | ||
