Default Website Development: Difference between revisions

From Cumulus Wiki
Jump to navigationJump to search

Default Website Development (view source)

Revision as of 12:48, 20 March 2024

527 bytes added ,  20 March
→‎The default menu structure and how to edit it
Line 51: Line 51:
If you decide '''NOT''' to generate NOAA Reports then you need to edit the ''menu.js'' file uploaded to your web host.  See below:
If you decide '''NOT''' to generate NOAA Reports then you need to edit the ''menu.js'' file uploaded to your web host.  See below:


===Complete ready to run alternative website pack===
==Editing the website menu==
We now have a complete [[ResponsiveSite.zip | alternative 'website']] ready for use.  It is very similar to the current supplied website but with the following changes:


* There are two (2) gauges pages - gauges.htm and gaugesII.htm.  They are both full width.  The first removes the radio buttons from all gauges making is easy to see all gauges without scrolling.  The options are provided in a dropdown page menu along with units. The second shows individual gauges in panels with their radio buttons.
The website menu is held in the file ''menu.js''. An image of this is shown below:
* There is also a 'today v yesterday' page (todayYest.htm), for those that want to be able to compare readings.
* The layout of the sidebar is slightly different - it starts at the top of the right hand panel.
The menu has NOT been included in the zip and consequently you will need to adjust it to use the chosen pages listed above.
The zip file does contain the three css stylesheets; colours.css, mx-templates.css and gauges.css which will need to be copied to the correct location on your waebserver.


'''Please backup your site before uploading and extracting this alternative website'''
Menu configuration file for NEW CuMX template
Last modified: 2022/07/05 11:39:38
menu.js - typical name, you define the one used in setpagedata.js<br>
It is STRONGLY RECOMMENDED that if you customise this file, you create a new file with a different name, e.g. mymenu.js
and change setpagedata.js to use that file. This will avoid your customisations being accidentally overwritten during upgrades<br>
Properties:
  .title            - This is the text that appears in the menu bar.
  .menu            - can be 'b' (both menus), 'w' (wide menu ONLY), 'n' (narrow [mobile] menu ONLY)
  .new_window:true  - forces the link to open in new browser window
  .url              - This is the address of the page.  if it is to an external page on another site it must include the full url
                      The two entries that are '#' are special and are configured by the website.
  .forum:true      - flags a forum link menu item, it will use the url provided in CuMX config, if that is blank the menu item will be hidden
  .webcam:true      - flags a webcam link menu item, it will use the url provided in CuMX config, if that is blank the menu item will be hidden
 
[[File:Screenshot 2024-03-20 at 12.38.12.png|800px]]
 
* If you want to change the language, simply enter translations for the titles only.
* 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.


===Colour Themes===
===Colour Themes===
NeilThomas
320

edits

Retrieved from "https://www.cumuluswiki.org/a/Special:MobileDiff/11610"

Navigation menu