Customised templates: Difference between revisions

From Cumulus Wiki
Jump to navigationJump to search
m
→‎HTML 5 - a very quick quide to structure: added need for navigation bar
m (→‎HTML 5 - a very quick quide to structure: added need for navigation bar)
<meta name="keywords" content="Cumulus, <#location> weather data, weather, data, weather station">
<title><!-- insert here what is to appear in browser tab title --></title>
<link href="weatherstyle.css" rel="stylesheet"> <!-- This line links the standard Cumulus stylesheet to the HTML page and implies the HTML and CSS files are in the same web site directory -->
to the HTML page and implies the HTML and CSS files are in the same web site directory -->
</head>
<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 here before this standard finish to a Cumulus style template:.
 
You then need to surround the navigation bar links
<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&nbsp;month</a>::<a href="thisyear.htm">this&nbsp;year</a>::<a
href="record.htm">records</a>::<a href="monthlyrecord.htm">monthly&nbsp;records</a>::<a href="trends.htm">trends</a>:<#forum><#webcam></pre>with the relevant HTML structure (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.
 
All templates should have this standard finish to a Cumulus style template:
<pre>
<p class="credits"><br />
5,838

edits

Navigation menu