Static html Template - Edit/Add Left Menu ContentThe left menu section has a width of 145px. An example left menu is shown on the left of this page.
Use the styles and headings we have recommended below.
In the source code look for the following comment tags:
Example Included Left Menu with JQueryThis method is a good way of making a menu once, then re-using it with customisation, a good example of this is GOA.
Example Included Left Menu with IframesAn example of using an iframe for the left menu is microarray.
Example Embedded Left MenuAn example left menu is shown on the left of this page. The menu is expandable/collapsible, we recommend you do not use more than 2-level deep menu. When you click on a link on the left menu to go to a page, once on this page this link should then have a red dot next to it (use class="clickmeopen"), even if it doesn't contain a sub-menu. This is an important navigation cue for the user.
There is also an additional 'Icon Box' and 'Sliding Icon Box' which can be added underneath the menu. Use the 'Icon Box' to highlight important events or tools of interest. Avoid using graphics in these Icon Boxes.
To add the left menu to your page select the following html source code and paste in between the comments tags (see above) in your template. An explanation of the styles used is given below.
Left Menu Style's Explanation
Now add some centre content to the templates: