Default Website Development: Difference between revisions

From Cumulus Wiki
Jump to navigationJump to search
m
Line 74: Line 74:
* If you want to add an entry copy the entry above and edit it as required.
* If you want to add an entry copy the entry above and edit it as required.
* To create a whole new sub-menu, copy and paste either the section that starts with the '''title: "Records"...''' or '''title: "Charts"...''' and then edit as required.
* To create a whole new sub-menu, copy and paste either the section that starts with the '''title: "Records"...''' or '''title: "Charts"...''' and then edit as required.
===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 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:
<nowiki><span style="border-color: var(--d2);">**</span></nowiki> or <nowiki><span style="w3-theme-d2-bdr w3-border">**</span></nowiki>.
Visit the new '''[https://weather.oaktreewebs.co.uk/ATThemes.htm Theme Viewer]''' to preview any of these themes on a basic template page.  You can download individual themes directly from that page.  Alternatively you can download all themes (plus a 'readme.txt' file explaining the styles) [[File:ColourSchemes.zip | here]]
.
Additional themes have now been added. The download includes a reworked default 'colours.css' stylesheet to also use css variables and a ReadMe file to explain the styles used.
The current list is:
{| class="wikitable"
|-
! Theme !! Theme !! Theme !! Theme !! Theme !! Theme
|-
| AlmondBuff || AlmostMauve || Arcadia || BasicGrey || CherryTomato || ChiliOil
|-
| colours || CrocusPetal || CylonYellow || Emporador || GreyBlue (new) || GreyGreen (new)
|-
| GreyRed (new) || HarbourMist || Limelight || LimePunch || Marsala || MartiniOlive
|-
| MeerKat || NebulasBlue || QuietGrey || ReadPear || RussetOrange || SailorBlue
|-
| SargassoSea || SlateGrey || SpringCrocus || Tofu || Ultraviolet || ValiantPoppy
|-
| WarmSand || - || - || - || - || -
|}
Use this link [https://cumuluswiki.org/images/4/43/ColourSchemes.zip Additional colour schemes] to down load the schemes.  Updated: 24th Jun 2023.


===An Alternate Default Website===
===An Alternate Default Website===
320

edits

Navigation menu