Floating Menu Skin
This skin uses Javascript to create a floating menu that provides similar functionality to that found in the default TWiki skin. The menu stays at the top of the screen as a person scrolls down the page allowing them access to the main menu at all times.
The Javascript code to create the floating menus was obtained at
http://www.dhtmlcentral.com/projects/coolmenus
NOTE: This skin requires PHP.
Screen Shot
Two screen shots. The first showing the top of a web page and the second showing where the menu is after having scrolled down on the web page some.
Installation
Note: You do not need to install anything on the browser to use this skin. The following instructions are for the administrator who installs the skin on the server where TWiki is running.
Configuration
This skin uses the following TWiki variables to help define colors and content of the floating menu.
| Variable |
Description |
Defaults |
MENU_BGCOLOR |
Define the background color for the menu. |
00FF00 |
MENU_FGCOLOR |
Define the forground color (text color) for the menu. |
000000 |
MENU_ROLLOVER_BGCOLOR |
Define the background color to use when the mouse is moved over a menu item. |
3A60C0 |
MENU_ROLLOVER_FGCOLOR |
Define the forgrond color (text color) to use when the mouse is moved over a menu item. |
FFFFFF |
MENU_WEBTOPICLIST |
Define the list of topics to include in the menu. NOTE: It is assumed that the pages to link to have Web prefixed to the list. Using the sample values shown to the right, the web pages linked to would be WebChanges, WebIndex, and WebSearch. NOTE: there should NOT be any spaces in the value of this variable. |
Changes|Index|Search |
MENU_WIKIWEBLIST |
Define the list of TWiki webs to include in drop down menu. NOTE: there should NOT be any spaces in the value of this variable. |
Know|Main|Sandbox|TWiki |
Sample of what a WebPreferences file might contain
- Set the new skin to used
- Set various variables used by the FloatingMenuSkin. Note, for setting the web bg color, you must NOT specify a # as this will cause things to not work correctly.
- Define the topic menu colors
- Set MENU_BGCOLOR = 00FF00
- Set MENU_FGCOLOR = 000000
- Set MENU_ROLLOVER_BGCOLOR = 3A60C0
- Set MENU_ROLLOVER_FGCOLOR = FFFFFF
- Define the contents of the web topic list
- Set MENU_WEBTOPICLIST = Changes|Index|Search
- Define the contents of the drop down menu listing available wiki webs
- Set MENU_WIKIWEBLIST = %WEBLIST{"$name" separator="|"}%
Skin Info
Related topic: TWikiSkins
--
TWiki:Main/TaitCyrus
- 01 Sep 2003