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: added need for navigation bar
m (→HTML 5 - a very quick quide to structure: added need for navigation bar) |
|||
| Line 107: | Line 107: | ||
<meta name="keywords" content="Cumulus, <#location> weather data, weather, data, weather station"> | <meta name="keywords" content="Cumulus, <#location> weather data, weather, data, weather station"> | ||
<title><!-- insert here what is to appear in browser tab title --></title> | <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 --> | <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 --> | |||
</head> | </head> | ||
<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 here | 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. | ||
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 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>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> | <pre> | ||
<p class="credits"><br /> | <p class="credits"><br /> | ||
