create new tag
, view all tags

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.



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.


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
    • 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

Skin Author: TWiki:Main/Tait.cyrus
Skin Version: 01 Sep 2003 (v1.000)
Change History:  
01 Sep 2003: Initial version (v1.000)
Dependencies: PHP support in the web server
JavaScript support in your web browser
Tested with: Netscape 7.x and IE 6.0
Skin Home: http://TWiki.org/cgi-bin/view/Plugins/FloatingMenuSkin
Feedback: http://TWiki.org/cgi-bin/view/Plugins/FloatingMenuSkinDev

Related topic: TWikiSkins

-- TWiki:Main/TaitCyrus - 01 Sep 2003

Topic attachments
I Attachment History Action Size Date Who Comment
GIFgif FloatingMenuSkin.gif r2 r1 manage 46.2 K 2003-09-01 - 18:36 TaitCyrus Sample image 1
Compressed Zip archivezip FloatingMenuSkin.zip r2 r1 manage 14.9 K 2003-09-01 - 18:33 TaitCyrus Floating Menu Skin ZIP File
GIFgif FloatingMenuSkin2.gif r1 manage 46.0 K 2003-09-01 - 18:36 TaitCyrus Sampel image 2
Edit | Attach | Watch | Print version | History: r2 < r1 | Backlinks | Raw View | Raw edit | More topic actions
Topic revision: r2 - 2006-03-16 - PeterThoeny
  • Learn about TWiki  
  • Download TWiki
This site is powered by the TWiki collaboration platform Powered by Perl Hosted by OICcam.com Ideas, requests, problems regarding TWiki? Send feedback. Ask community in the support forum.
Copyright © 1999-2018 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.