Default Website Development: Difference between revisions

m
Inserted "download" word in all places for consistency
m (Inserted "download" word in all places for consistency)
Line 10: Line 10:


The available frameworks are:
The available frameworks are:
* A lefthand sidebar with the main panel on the right. [https://cumuluswiki.org/images/7/75/LeftSBTemplates.zip Left-handed sidebar template]. These can be viewed at [https://weather.oaktreewebs.co.uk/ATL-1c.htm OaktreeWebs Weather]. Updated: 16 June 2021
* A lefthand sidebar with the main panel on the right. Download at [https://cumuluswiki.org/images/7/75/LeftSBTemplates.zip Left-handed sidebar template]. These can be viewed at [https://weather.oaktreewebs.co.uk/ATL-1c.htm OaktreeWebs Weather]. Updated: 16 June 2021
* A righthand sidebar with the man panel on the left. [Https://cumuluswiki.org/images/6/67/RightSBTemplates.zip Right-handed sidebar templates]. This is similar to the default site but the sidebar starts higher up the screen. Again, these can be viewed at [https://weather.oaktreewebs.co.uk/ATR-1c.htm OaktreeWebs Weather]. Updated 15 June 2021.
* A righthand sidebar with the man panel on the left. Download at [Https://cumuluswiki.org/images/6/67/RightSBTemplates.zip Right-handed sidebar templates]. This is similar to the default site but the sidebar starts higher up the screen. Again, these can be viewed at [https://weather.oaktreewebs.co.uk/ATR-1c.htm OaktreeWebs Weather]. Updated 15 June 2021.
* A set with no sidebar - just the main content area. [Https://cumuluswiki.org/images/2/2a/NoSBTemplates.zip No sidebar templates]. View at [https://weather.oaktreewebs.co.uk/ATN-1c.htm OaktreeWebs Weather]. The single column version is set to gauge width (wider than other pages). Updated: 16 June 2021
* A set with no sidebar - just the main content area. Download at [Https://cumuluswiki.org/images/2/2a/NoSBTemplates.zip No sidebar templates]. View at [https://weather.oaktreewebs.co.uk/ATN-1c.htm OaktreeWebs Weather]. The single column version is set to gauge width (wider than other pages). Updated: 16 June 2021


====Additional/Alternative Pages====
====Additional/Alternative Pages====
Line 18: Line 18:
We also have an alternative to the default gauges.htm page.  This does away with the sidebar and places the gauges in fixed width panels that automatically reposition themselves as the page width is changed.  The gauges are also able to be placed in any order without resorting to cut-n-paste.  Just add/change a number to their order property and its done.
We also have an alternative to the default gauges.htm page.  This does away with the sidebar and places the gauges in fixed width panels that automatically reposition themselves as the page width is changed.  The gauges are also able to be placed in any order without resorting to cut-n-paste.  Just add/change a number to their order property and its done.


This can be from here [Https://cumuluswiki.org/Downloads/NewGauges.zip Gauges Page]. Updated: 11 March 2021
This can be downloaded from [Https://cumuluswiki.org/Downloads/NewGauges.zip Gauges Page]. Updated: 11 March 2021


=====NOAA Reports=====
=====NOAA Reports=====
Line 27: Line 27:


===Colour Themes===
===Colour Themes===
The website and templates use colour themes to make it easier to change the colour throughout the site.  By downloading the colour theme pack, you can simply rename the chosen colour as 'colours.css' and it will be applied throughout your site.  All colour themes have now been updated to use css variables for the available theme colours.  This makes it much easier to add your theme colours to your custom pages. or stylesheets.  It is also possible to apply theme colours to the gauges tooltips in this way.
The website and templates use colour themes to make it easier to change the colour throughout the site.  By downloading the colour theme pack, you can simply rename the chosen colour as 'colours.css' and it will be applied throughout your site.  All colour themes have now been updated to use ''css variables'' for the available theme colours.  This makes it much easier to add your theme colours to your custom pages. or style sheets.  It is also possible to apply theme colours to the gauges tooltips in this way.


For example, to add a coloured border to an element you can add the style like so:
For example, to add a coloured border to an element you can add the style like so:
Line 34: Line 34:
Visit the new '''[https://weather.oaktreewebs.co.uk/ATThemes.htm Theme Viewer]''' to preview any of these themes on a basic template page.
Visit the new '''[https://weather.oaktreewebs.co.uk/ATThemes.htm Theme Viewer]''' to preview any of these themes on a basic template page.


You will also find that additional themes have now been added. The download includes a reworked default 'colours.css' stylesheet to also use css variables. The current list is:
You will also find that additional themes have now been added. The download includes a reworked default 'colours.css' stylesheet to also use css variables.  


The current list is:
{| class="wikitable"
{| class="wikitable"
|-
|-
5,838

edits