The SW Menu Free component is highly configurable. For usability it is best to keep your menu simple. This tutorial provides settings to create a menu like this:
Objectives:
http://yourschool.eq.edu.au/wcms/administratoror by clicking on the Administrator link on the "main Menu"
Configuration settings are listed under a number of tabs.
Recommended settings for each tab are given below. Most are default settings. Changes may be necessary for different templates.
Menu Module Settings
| Menu Source Settings | General Module Settings | |||
|---|---|---|---|---|
| Menu System: | Trans Menu | Show Module Name: | No | |
| Menu Source: | mainmenu | Published | Yes | |
| Parent: | Top | Active Menu | No | |
| Style Sheet Settings | Select Box Hack: | No | ||
| Load Style Sheet: | Write style sheet directly into page | Sub Menu Indicator: | No | |
| Module Class Suffix: | Auto Position Sub Menus: | No | ||
| Auto Menu Item Settings | IE6 Padding Hack | Yes | ||
| Hybrid Menu: | no | Show Shadow: | No | |
| Use Tables/Blogs: | Show as tables | Maximum Levels: | 3 | |
| Cache Settings | Position and Access | |||
| Cache Menu Items: | no | Module Position: | left | |
| Cache Refresh Time: | 1 Hour | Module Order: | 0::New Main Menu | |
| Access Level | Public | |||
Size, Position and Offsets
| Menu Position and Orientation | Top Menu Offsets | |||
|---|---|---|---|---|
| Top Menu - Alignment | left | Top Menu Top Offset: | 0 | |
| Top Menu / Sub Menu - Orientation: | vertical/right | Top Menu Left Offset: | 0 | |
| Menu Item Sizes | Sub Menu Offsets | |||
| Top Menu Item Width: | 160 | Level 1 Sub Menu - Top Offset: | 0 | |
| Top Menu Item Height | 0 | Level 1 Sub Menu - Left Offset: | 0 | |
| Sub Menu Item Width: | 0 | Level 2 Sub Menu - Top Offset: | 0 | |
| Sub Menu Item Height: | 0 | Level 2 Sub Menu - Left Offset: | 0 | |
Colors and Backgrounds
| Background Images | Font Colors | |||
|---|---|---|---|---|
| Top Menu Background | Top Menu Font Color | #000000 | ||
| Top Menu Over Background | Top Menu Over Font Color | #333333 | ||
| Sub Menu Background | Sub Menu Font Color | #000000 | ||
| Sub Menu Over Background | Sub Menu Over Font Color | #FFFFFF | ||
| Background Colors | Border Colors | |||
| Top Menu Color | #EEEEEE | Top Menu Outside Border Color | #FFFFFF | |
| Top Menu Over Color | #DDDDDD | Top Menu Inside Border Color | #AAAAAA | |
| Sub Menu Color | #DDDDDD | Sub Menu Outside Border Color | #FFFFFF | |
| Sub Menu Over Color | #CCCCCC | Sub Menu Inside Border Color | #000000 | |
Fonts and Padding
| Font Family | Font Size | |||||||
|---|---|---|---|---|---|---|---|---|
| Top Menu: | Arial, Helvetica, sans-serif | Top Menu Font Size: | 12 | |||||
| Sub Menu: | Arial, Helvetica, sans-serif | Sub Menu Font Size: | 12 | |||||
| Top Menu Padding | Text Alignment | |||||||
| Top | Right | Bottom | Left | Top Menu Text Alignment: | left | |||
| 5 | 5 | 5 | 5 | Sub Menu Text Alignment: | left | |||
| Sub Menu Padding | Font Weight | |||||||
| Top | Right | Bottom | Left | Top Menu Font Weight: | bold | |||
| 5 | 5 | 5 | 5 | Sub Menu Font Weight: | normal | |||
Borders and Effects
| Border Widths | Border Styles | |||
|---|---|---|---|---|
| Top Menu Outside Border Width | 0 | Top Menu Outside Border Style: | solid | |
| Top Menu Inside Border Width: | 1 | Top Menu Inside Border Style: | solid | |
| Sub Menu Outside Border Width: | 2 | Sub Menu Outside Border Style: | solid | |
| Sub Menu Inside Border Width: | 3 | Sub Menu Inside Border Style: | solid | |
| Special Effects | Special Effects | |||
| Sub Menu Transparency: | 85 | Sub Menu Open/Close Delay: | 300 | |
Settings are the same as above except:
Menu Module Settings
| Menu Source Settings | General Module Settings | |||
|---|---|---|---|---|
| Menu System: | Trans Menu | Show Module Name: | No | |
| Menu Source: | mainmenu | Published | Yes | |
| Parent: | Top | Active Menu | No | |
| Style Sheet Settings | Select Box Hack: | No | ||
| Load Style Sheet: | Write style sheet directly into page | Sub Menu Indicator: | No | |
| Module Class Suffix: | Auto Position Sub Menus: | No | ||
| Auto Menu Item Settings | IE6 Padding Hack | Yes | ||
| Hybrid Menu: | no | Show Shadow: | No | |
| Use Tables/Blogs: | Show as tables | Maximum Levels: | 0 | |
| Cache Settings | Position and Access | |||
| Cache Menu Items: | no | Module Position: | header* | |
| Cache Refresh Time: | 1 Hour | Module Order: | 0::New Main Menu | |
| Access Level | Public | |||
Note: Horizontal Menus do not work on all templates. Templates may not have a "position" to contain the menu.
Size, Position and Offsets
| Menu Position and Orientation | Top Menu Offsets | |||
|---|---|---|---|---|
| Top Menu - Alignment | left | Top Menu Top Offset: | 0 | |
| Top Menu / Sub Menu - Orientation: | horizontal/down/right | Top Menu Left Offset: | 0 | |
| Menu Item Sizes | Sub Menu Offsets | |||
| Top Menu Item Width: | 0 | Level 1 Sub Menu - Top Offset: | 0 | |
| Top Menu Item Height | 0 | Level 1 Sub Menu - Left Offset: | 0 | |
| Sub Menu Item Width: | 0 | Level 2 Sub Menu - Top Offset: | 0 | |
| Sub Menu Item Height: | 0 | Level 2 Sub Menu - Left Offset: | 0 | |
Click Save - Your new menu will be created.
This page was last reviewed on 23 Sep 2010
Copyright |
Disclaimer |
Privacy |
Access keys |
Other languages
© The State of Queensland (Department of Education, Training and Employment) 2010.