Customised templates: Difference between revisions

From Cumulus Wiki
Jump to navigationJump to search
m
m (→‎Standard HTML 5 start for a Cumulus template: mention responsive alternatiuve)
<html lang="en"><!-- modify this to indicate your language -->
<head>
<meta charset="UTF-8"><!-- assigns the recommended standard encoding that copes with all international characters -->
<meta name="description" content="<#location> weather data"><!-- you can choose a different way to explain what the page contains -->
<meta name="author" content="<!-- put name of author here or leave this line out totally -->">
<meta name="keywords" content="Cumulus, <#location> weather data, weather, data, weather station"><!-- you can choose a different set of key words -->
<title><!-- insert here what is to appear in browser tab title --></title>
 
<link href="weatherstyle.css" rel="stylesheet"> <!-- This line links the standard Cumulus style-sheet
<!-- The next line is not included in official versions of Cumulus Templates, but was introduced in an alternative version to make the standard pages responsive, they adapt to screen size. -->
to the HTML page (and implies the HTML and CSS files are in the same web site directory) -->
<link href="http://www.w3schools.com/lib/w3.css" rel="stylesheet"> <!-- See https://www.w3schools.com/w3css/default.asp for details -->
<!-- See support forum http://sandaysoft.com/forum/viewtopic.php?f=14&t=16014&p=122788 for more details -->
 
<link href="weatherstyle.css" rel="stylesheet"> <!-- This line links the standard Cumulus style-sheet to the HTML page (and implies the HTML and CSS files are in the same web site directory) -->
 
<!-- in some customisations you may need to load code libraries or include script here ...
(The support forum includes code from various authors using various libraries and one of these examples might help you)
What you put here could be PHP code, JavaScript, or calls to libraries like jQuery, HighCharts or many others, anything that can be loaded before the page output starts -->
 
</head>
<body> <!-- This defines the start of what the browser is to display in its window -->
5,838

edits

Navigation menu