Site design (advanced) - Menu
Previous Topic  Next Topic 

The Menu section is where the menu is designed. Menus in intheteam can have two levels. The first level items in the menu are know as Menu items and the second level are known as submenu items. Each level can have its own style defined.


A menu does not have to be displayed on your site however if it is not shown you will have to create navigation links in the header or content area of your site. If a menu is not displayed to visitors to the site it will be displayed to administrators and editors of the site when logged in so that they have access to the administration options in the menu.


The basic menu settings are described below:


Show menu

Most sites will need to have a menu at the left hand side of all pages to enable navigation around the site. It is possible to remove the menu, however the navigation around the site would have to be designed in either the header or each page within the site.

Show date

Select this check box if you would like the current date to appear at the top of the menu within your site.

Show login

You can choose whether or not to show a link to the login screen within your site. If it is not displayed you will need to enter the following link in the address of the browser:

../../yoursitename/modules/security/login.aspx

Note: Once you have logged into the site, the login option will appear in the menu when you visit the site using the same computer again. If the site is not visited for the computer for 14 days the login option will no longer appear in the menu.

Width

Specify how wide the menu should be. It should be a value between 10 and 300

Background colour

The background colour of the menu can be specified here.

Separator height

If you would like to have a line separating the rows within the menu enter a value here. If a value of zero is entered no separator will be displayed. The maximum value is 20.

Separator colour

If a separator is displayed between the menu rows you can specify what colour it is.

Menu border width

If you would like a border on the right hand side of the menu you can specify its width here. If you do not want a border displayed enter a value of zero. The maximum value is 10.

Menu border colour

If a menu border is displayed you can specify what colour it is.

Top image

It is possible to display an image at the top of the menu, but underneath the date if it is displayed.

Bottom image

It is possible to display an image at the bottom of the menu.



The table below show the design options that are available to menu and submenu items:


Font name

Select the font that you would like to use.

Font size

Select the size of the font that you would like to use. intheteam use a special font size type call 'ems'. Ems are used because it allows visitors to the site to change the size of the fonts displayed using 'Text size' option within the browser. This greatly helps people with poor eyesight when visiting the site.

Font alignment

You can choose whether the text in the menu/submenu row is aligned to the left, right or in the middle.

Font bold

Select this option if you would like menu/submenu items to appear bold.

Font italic

Select this option if you would like menu/submenu items to appear in italic.

Font normal colour

Select the normal colour of the text within a menu/submenu row.

Font selected colour

Select the colour of the text within a menu/submenu row when that menu/submenu row has been selected.

Font colour on mouse over

Select the colour of the text within a menu/submenu row when the mouse is moved over the text.

Background colour

Select the colour of the background of the menu/submenu row.

Selected background colour

Select the colour of the background of the menu/submenu row when the row has been selected.

Row height

Specify how high the menu/submenu row should be. This must be between 8 and 50.




The table below show the design options that are available to menu items only:


Row image

Select an image that appears in front of the text. in menu rows

Row image over

If you would like the image to change when the mouse is moved over the menu row select the image here.

Row image selected

If you would like to display a different image for the selected row please select it here.