TopMenuSkin<-- Contributions to this skin are appreciated. Please update the skin page at http://twiki.org/cgi-bin/view/Plugins/TopMenuSkin Screenshot![]() Tob Bar and Menu Structure
"Home" menu => "Web" menu => List of parent topics, if any (shown as "P"s) => Current topic ("View" menu). Web-specific Menu-BarsThe TopMenuSkinDefaultWebTopMenu defines the default menu structure used in any web. A WebTopMenu topic in a web can redefine the default menu structure. If the WebTopMenu topic is missing in a web, create one with content of _default.WebTopMenu and customize it. Bullets must be of format[[...][...]] or <a href="...">...</a> , and may not contain any text next to the link.
To preserve the "you are here" breadcrumb, it is important to add additional pulldown menus after the INCLUDE of %SYSTEMWEB%.TopMenuSkinTopicMenu. The top level menu-bar should have this structure:
%INCLUDE{%SYSTEMWEB%.TopMenuSkinHomeMenu}% * [[%BASEWEB%.%HOMETOPIC%][<img src="%ICONURL{web-bg}%" border="0" alt="" width="16" height="16" style="background-color:%WEBBGCOLOR%" /> <nop>%MAKETEXT{"[_1] Web" args="%BASEWEB{format="$current"}%"}% %ICON{menu-down}%]] * [[%SCRIPTURLPATH{"view"}%/%BASEWEB%/WebCreateNewTopic?topicparent=%BASETOPIC%][ %ICON{"newtopic"}% %MAKETEXT{"Create New Topic"}%]] * [[%BASEWEB%.WebTopicList][ %ICON{"index"}% %MAKETEXT{"Index"}%]] * [[%BASEWEB%.WebSearch][ %ICON{"searchtopic"}% %MAKETEXT{"Search"}%]] * [[%BASEWEB%.WebChanges][ %ICON{"changes"}% %MAKETEXT{"Changes"}%]] * [[%BASEWEB%.WebNotify][ %ICON{"notify"}% %MAKETEXT{"Notifications"}%]] * [[%BASEWEB%.WebRss][ %ICON{"feed"}% %MAKETEXT{"RSS Feed"}%]] * [[%BASEWEB%.WebStatistics][ %ICON{"statistics"}% %MAKETEXT{"Statistics"}%]] * [[%BASEWEB%.WebPreferences][ %ICON{"wrench"}% %MAKETEXT{"Preferences"}%]] %INCLUDE{%SYSTEMWEB%.TopMenuSkinTopicMenu}% * [[BugTracker][%ICON{bug}% Bugs %ICON{menu-down}%]] * [[NewReport][Create bug report]] * [[OpenBugs][Open bugs]] * [[ConfirmedBugs][Confirmed bugs]] * [[FixedBugs][Fixed bugs]] Use Menu-Bars in TopicsA menu-bar can be added anywhere in a topic:
%INCLUDE{"%SYSTEMWEB%.TopMenuSkin"}% <div class="twTopMenuTab"> * [[WebHome][%ICON{home}% Home %ICON{menu-down}%]] * [[WebNotify][Subscribe]] * [[WebStatistics][Statistics]] * [[WebSearch][%ICON{searchtopic}% Search %ICON{menu-down}%]] * [[WebSearchAdvanced][Advanced search]] * [[SearchHelp][Search help]] </div>Renders as: NOTE: The pulldown menus only work if the TWiki:Plugins/JQueryPlugin ![]() Read-Only Skin ModeThis skin and the PatternSkin support a read-only mode. This is mainly useful if you have TWiki application pages or dashboards where you do not want regular users to change content. The read-only mode is enabled with a READONLYSKINMODE preferences setting set to 1. Details in PatternSkinCustomization#ReadOnlySkinMode.CSS and JavaScriptThis section defines the CSS and JavaScript used by the TopMenuSkin; View Raw to see the source. Some additional CSS is defined intemplates/vewi.topmenu.tmpl
<----><----> Create Your Own LookThis skin is based on PatternSkin, and the same rules for customization apply. The TopMenuSkin disables the sidebar and activates a different top bar intwiki/templates/view.topmenu.tmpl . Details in PatternSkinCustomization and PatternSkinCssCookbook.
The top bar TopMenuSkinTopBar (with menu bar, logo and search boxes) can be cloned using same topic name and customized per web.
Add a SidebarIf you want a sidebar in addition to the top bar, define a WEBLEFTBAR setting with the name of the topic to include as the sidebar. This can be done in a WebPreferences for the whole web or in a topic. Example:
Add BreadcrumbsThe TopMenuSkin incorporates "you are here" breadcrumbs in the pulldown menu, such as"Home > Main web > P > P > View . The P's indicate the parent topic(s). If you prefer the old verbose breadcrumbs you can enable it with the following preferences setting:
Fixed Menu-BarThe FIXEDTOPMENU preferences setting determines if the menu-bar is fixed or auto-hidden. If set to on, the menu-bar is always visible at the top, regardless of the window scroll position. If off, the menu-bar hides when scrolled, and can be shown by hovering over![]()
InstallationThis skin is pre-installed. TWiki administrators can upgrade the skin as needed on the TWiki server.<--/twistyPlugin twikiMakeVisibleInline-->
<--/twistyPlugin--> Skin Info
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Changed: | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
< < |
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
> > |
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Changed: | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
< < |
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
> > |
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
<--/twistyPlugin twikiMakeVisibleInline--> | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Added: | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
> > |
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
<--/twistyPlugin-->
|
TopMenuSkin<-- Contributions to this skin are appreciated. Please update the skin page at http://twiki.org/cgi-bin/view/Plugins/TopMenuSkin Screenshot![]() Tob Bar and Menu Structure
"Home" menu => "Web" menu => List of parent topics, if any (shown as "P"s) => Current topic ("View" menu). Web-specific Menu-BarsThe TopMenuSkinDefaultWebTopMenu defines the default menu structure used in any web. A WebTopMenu topic in a web can redefine the default menu structure. If the WebTopMenu topic is missing in a web, create one with content of _default.WebTopMenu and customize it. Bullets must be of format[[...][...]] or <a href="...">...</a> , and may not contain any text next to the link.
To preserve the "you are here" breadcrumb, it is important to add additional pulldown menus after the INCLUDE of %SYSTEMWEB%.TopMenuSkinTopicMenu. The top level menu-bar should have this structure:
%INCLUDE{%SYSTEMWEB%.TopMenuSkinHomeMenu}% * [[%BASEWEB%.%HOMETOPIC%][<img src="%ICONURL{web-bg}%" border="0" alt="" width="16" height="16" style="background-color:%WEBBGCOLOR%" /> <nop>%MAKETEXT{"[_1] Web" args="%BASEWEB{format="$current"}%"}% %ICON{menu-down}%]] * [[%SCRIPTURLPATH{"view"}%/%BASEWEB%/WebCreateNewTopic?topicparent=%BASETOPIC%][ %ICON{"newtopic"}% %MAKETEXT{"Create New Topic"}%]] * [[%BASEWEB%.WebTopicList][ %ICON{"index"}% %MAKETEXT{"Index"}%]] * [[%BASEWEB%.WebSearch][ %ICON{"searchtopic"}% %MAKETEXT{"Search"}%]] * [[%BASEWEB%.WebChanges][ %ICON{"changes"}% %MAKETEXT{"Changes"}%]] * [[%BASEWEB%.WebNotify][ %ICON{"notify"}% %MAKETEXT{"Notifications"}%]] * [[%BASEWEB%.WebRss][ %ICON{"feed"}% %MAKETEXT{"RSS Feed"}%]] * [[%BASEWEB%.WebStatistics][ %ICON{"statistics"}% %MAKETEXT{"Statistics"}%]] * [[%BASEWEB%.WebPreferences][ %ICON{"wrench"}% %MAKETEXT{"Preferences"}%]] %INCLUDE{%SYSTEMWEB%.TopMenuSkinTopicMenu}% * [[BugTracker][%ICON{bug}% Bugs %ICON{menu-down}%]] * [[NewReport][Create bug report]] * [[OpenBugs][Open bugs]] * [[ConfirmedBugs][Confirmed bugs]] * [[FixedBugs][Fixed bugs]] Use Menu-Bars in TopicsA menu-bar can be added anywhere in a topic:
%INCLUDE{"%SYSTEMWEB%.TopMenuSkin"}% <div class="twTopMenuTab"> * [[WebHome][%ICON{home}% Home %ICON{menu-down}%]] * [[WebNotify][Subscribe]] * [[WebStatistics][Statistics]] * [[WebSearch][%ICON{searchtopic}% Search %ICON{menu-down}%]] * [[WebSearchAdvanced][Advanced search]] * [[SearchHelp][Search help]] </div>Renders as: NOTE: The pulldown menus only work if the TWiki:Plugins/JQueryPlugin ![]() Read-Only Skin ModeThis skin and the PatternSkin support a read-only mode. This is mainly useful if you have TWiki application pages or dashboards where you do not want regular users to change content. The read-only mode is enabled with a READONLYSKINMODE preferences setting set to 1. Details in PatternSkinCustomization#ReadOnlySkinMode.CSS and JavaScriptThis section defines the CSS and JavaScript used by the TopMenuSkin; View Raw to see the source. Some additional CSS is defined intemplates/vewi.topmenu.tmpl
<----><----> Create Your Own LookThis skin is based on PatternSkin, and the same rules for customization apply. The TopMenuSkin disables the sidebar and activates a different top bar intwiki/templates/view.topmenu.tmpl . Details in PatternSkinCustomization and PatternSkinCssCookbook.
The top bar TopMenuSkinTopBar (with menu bar, logo and search boxes) can be cloned using same topic name and customized per web.
Add a SidebarIf you want a sidebar in addition to the top bar, define a WEBLEFTBAR setting with the name of the topic to include as the sidebar. This can be done in a WebPreferences for the whole web or in a topic. Example:
Add BreadcrumbsThe TopMenuSkin incorporates "you are here" breadcrumbs in the pulldown menu, such as"Home > Main web > P > P > View . The P's indicate the parent topic(s). If you prefer the old verbose breadcrumbs you can enable it with the following preferences setting:
Fixed Menu-BarThe FIXEDTOPMENU preferences setting determines if the menu-bar is fixed or auto-hidden. If set to on, the menu-bar is always visible at the top, regardless of the window scroll position. If off, the menu-bar hides when scrolled, and can be shown by hovering over![]()
InstallationThis skin is pre-installed. TWiki administrators can upgrade the skin as needed on the TWiki server.<--/twistyPlugin twikiMakeVisibleInline-->
<--/twistyPlugin--> Skin Info
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Changed: | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
< < |
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
> > |
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
<--/twistyPlugin twikiMakeVisibleInline--> | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Added: | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
> > |
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
<--/twistyPlugin-->
|
TopMenuSkin<-- Contributions to this skin are appreciated. Please update the skin page at http://twiki.org/cgi-bin/view/Plugins/TopMenuSkin Screenshot![]() Tob Bar and Menu Structure
"Home" menu => "Web" menu => List of parent topics, if any (shown as "P"s) => Current topic ("View" menu). Web-specific Menu-BarsThe TopMenuSkinDefaultWebTopMenu defines the default menu structure used in any web. A WebTopMenu topic in a web can redefine the default menu structure. If the WebTopMenu topic is missing in a web, create one with content of _default.WebTopMenu and customize it. Bullets must be of format[[...][...]] or <a href="...">...</a> , and may not contain any text next to the link.
To preserve the "you are here" breadcrumb, it is important to add additional pulldown menus after the INCLUDE of %SYSTEMWEB%.TopMenuSkinTopicMenu. The top level menu-bar should have this structure:
%INCLUDE{%SYSTEMWEB%.TopMenuSkinHomeMenu}% * [[%BASEWEB%.%HOMETOPIC%][<img src="%ICONURL{web-bg}%" border="0" alt="" width="16" height="16" style="background-color:%WEBBGCOLOR%" /> <nop>%MAKETEXT{"[_1] Web" args="%BASEWEB{format="$current"}%"}% %ICON{menu-down}%]] * [[%SCRIPTURLPATH{"view"}%/%BASEWEB%/WebCreateNewTopic?topicparent=%BASETOPIC%][ %ICON{"newtopic"}% %MAKETEXT{"Create New Topic"}%]] * [[%BASEWEB%.WebTopicList][ %ICON{"index"}% %MAKETEXT{"Index"}%]] * [[%BASEWEB%.WebSearch][ %ICON{"searchtopic"}% %MAKETEXT{"Search"}%]] * [[%BASEWEB%.WebChanges][ %ICON{"changes"}% %MAKETEXT{"Changes"}%]] * [[%BASEWEB%.WebNotify][ %ICON{"notify"}% %MAKETEXT{"Notifications"}%]] * [[%BASEWEB%.WebRss][ %ICON{"feed"}% %MAKETEXT{"RSS Feed"}%]] * [[%BASEWEB%.WebStatistics][ %ICON{"statistics"}% %MAKETEXT{"Statistics"}%]] * [[%BASEWEB%.WebPreferences][ %ICON{"wrench"}% %MAKETEXT{"Preferences"}%]] %INCLUDE{%SYSTEMWEB%.TopMenuSkinTopicMenu}% * [[BugTracker][%ICON{bug}% Bugs %ICON{menu-down}%]] * [[NewReport][Create bug report]] * [[OpenBugs][Open bugs]] * [[ConfirmedBugs][Confirmed bugs]] * [[FixedBugs][Fixed bugs]] Use Menu-Bars in TopicsA menu-bar can be added anywhere in a topic:
%INCLUDE{"%SYSTEMWEB%.TopMenuSkin"}% <div class="twTopMenuTab"> * [[WebHome][%ICON{home}% Home %ICON{menu-down}%]] * [[WebNotify][Subscribe]] * [[WebStatistics][Statistics]] * [[WebSearch][%ICON{searchtopic}% Search %ICON{menu-down}%]] * [[WebSearchAdvanced][Advanced search]] * [[SearchHelp][Search help]] </div>Renders as: NOTE: The pulldown menus only work if the TWiki:Plugins/JQueryPlugin ![]() Read-Only Skin ModeThis skin and the PatternSkin support a read-only mode. This is mainly useful if you have TWiki application pages or dashboards where you do not want regular users to change content. The read-only mode is enabled with a READONLYSKINMODE preferences setting set to 1. Details in PatternSkinCustomization#ReadOnlySkinMode.CSS and JavaScriptThis section defines the CSS and JavaScript used by the TopMenuSkin; View Raw to see the source. Some additional CSS is defined intemplates/vewi.topmenu.tmpl
<----><----> Create Your Own LookThis skin is based on PatternSkin, and the same rules for customization apply. The TopMenuSkin disables the sidebar and activates a different top bar intwiki/templates/view.topmenu.tmpl . Details in PatternSkinCustomization and PatternSkinCssCookbook.
The top bar TopMenuSkinTopBar (with menu bar, logo and search boxes) can be cloned using same topic name and customized per web.
Add a SidebarIf you want a sidebar in addition to the top bar, define a WEBLEFTBAR setting with the name of the topic to include as the sidebar. This can be done in a WebPreferences for the whole web or in a topic. Example:
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Added: | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
> > |
Add BreadcrumbsThe TopMenuSkin incorporates "you are here" breadcrumbs in the pulldown menu, such as"Home > Main web > P > P > View . The P's indicate the parent topic(s). If you prefer the old verbose breadcrumbs you can enable it with the following preferences setting:
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Fixed Menu-BarThe FIXEDTOPMENU preferences setting determines if the menu-bar is fixed or auto-hidden. If set to on, the menu-bar is always visible at the top, regardless of the window scroll position. If off, the menu-bar hides when scrolled, and can be shown by hovering over![]()
InstallationThis skin is pre-installed. TWiki administrators can upgrade the skin as needed on the TWiki server.<--/twistyPlugin twikiMakeVisibleInline-->
<--/twistyPlugin--> Skin Info
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Changed: | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
< < |
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
> > |
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Changed: | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
< < |
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
> > |
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
<--/twistyPlugin twikiMakeVisibleInline--> | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Added: | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
> > |
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
<--/twistyPlugin-->
|
TopMenuSkin<-- Contributions to this skin are appreciated. Please update the skin page at http://twiki.org/cgi-bin/view/Plugins/TopMenuSkin Screenshot![]() Tob Bar and Menu Structure
"Home" menu => "Web" menu => List of parent topics, if any (shown as "P"s) => Current topic ("View" menu). Web-specific Menu-BarsThe TopMenuSkinDefaultWebTopMenu defines the default menu structure used in any web. A WebTopMenu topic in a web can redefine the default menu structure. If the WebTopMenu topic is missing in a web, create one with content of _default.WebTopMenu and customize it. Bullets must be of format[[...][...]] or <a href="...">...</a> , and may not contain any text next to the link.
To preserve the "you are here" breadcrumb, it is important to add additional pulldown menus after the INCLUDE of %SYSTEMWEB%.TopMenuSkinTopicMenu. The top level menu-bar should have this structure:
%INCLUDE{%SYSTEMWEB%.TopMenuSkinHomeMenu}% * [[%BASEWEB%.%HOMETOPIC%][<img src="%ICONURL{web-bg}%" border="0" alt="" width="16" height="16" style="background-color:%WEBBGCOLOR%" /> <nop>%MAKETEXT{"[_1] Web" args="%BASEWEB{format="$current"}%"}% %ICON{menu-down}%]] * [[%SCRIPTURLPATH{"view"}%/%BASEWEB%/WebCreateNewTopic?topicparent=%BASETOPIC%][ %ICON{"newtopic"}% %MAKETEXT{"Create New Topic"}%]] * [[%BASEWEB%.WebTopicList][ %ICON{"index"}% %MAKETEXT{"Index"}%]] * [[%BASEWEB%.WebSearch][ %ICON{"searchtopic"}% %MAKETEXT{"Search"}%]] * [[%BASEWEB%.WebChanges][ %ICON{"changes"}% %MAKETEXT{"Changes"}%]] * [[%BASEWEB%.WebNotify][ %ICON{"notify"}% %MAKETEXT{"Notifications"}%]] * [[%BASEWEB%.WebRss][ %ICON{"feed"}% %MAKETEXT{"RSS Feed"}%]] * [[%BASEWEB%.WebStatistics][ %ICON{"statistics"}% %MAKETEXT{"Statistics"}%]] * [[%BASEWEB%.WebPreferences][ %ICON{"wrench"}% %MAKETEXT{"Preferences"}%]] %INCLUDE{%SYSTEMWEB%.TopMenuSkinTopicMenu}% * [[BugTracker][%ICON{bug}% Bugs %ICON{menu-down}%]] * [[NewReport][Create bug report]] * [[OpenBugs][Open bugs]] * [[ConfirmedBugs][Confirmed bugs]] * [[FixedBugs][Fixed bugs]] Use Menu-Bars in TopicsA menu-bar can be added anywhere in a topic:
%INCLUDE{"%SYSTEMWEB%.TopMenuSkin"}% <div class="twTopMenuTab"> * [[WebHome][%ICON{home}% Home %ICON{menu-down}%]] * [[WebNotify][Subscribe]] * [[WebStatistics][Statistics]] * [[WebSearch][%ICON{searchtopic}% Search %ICON{menu-down}%]] * [[WebSearchAdvanced][Advanced search]] * [[SearchHelp][Search help]] </div>Renders as: NOTE: The pulldown menus only work if the TWiki:Plugins/JQueryPlugin ![]() Read-Only Skin ModeThis skin and the PatternSkin support a read-only mode. This is mainly useful if you have TWiki application pages or dashboards where you do not want regular users to change content. The read-only mode is enabled with a READONLYSKINMODE preferences setting set to 1. Details in PatternSkinCustomization#ReadOnlySkinMode.CSS and JavaScriptThis section defines the CSS and JavaScript used by the TopMenuSkin; View Raw to see the source. Some additional CSS is defined intemplates/vewi.topmenu.tmpl
<----><----> Create Your Own LookThis skin is based on PatternSkin, and the same rules for customization apply. The TopMenuSkin disables the sidebar and activates a different top bar intwiki/templates/view.topmenu.tmpl . Details in PatternSkinCustomization and PatternSkinCssCookbook.
The top bar TopMenuSkinTopBar (with menu bar, logo and search boxes) can be cloned using same topic name and customized per web.
Add a SidebarIf you want a sidebar in addition to the top bar, define a WEBLEFTBAR setting with the name of the topic to include as the sidebar. This can be done in a WebPreferences for the whole web or in a topic. Example:
Fixed Menu-BarThe FIXEDTOPMENU preferences setting determines if the menu-bar is fixed or auto-hidden. If set to on, the menu-bar is always visible at the top, regardless of the window scroll position. If off, the menu-bar hides when scrolled, and can be shown by hovering over![]()
Installation | |||||||||||||||||||||||||||||||||||||||||||||||||
Changed: | |||||||||||||||||||||||||||||||||||||||||||||||||
< < | 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 is pre-installed. TWiki administrators can upgrade the skin as needed on the TWiki server. | ||||||||||||||||||||||||||||||||||||||||||||||||
Added: | |||||||||||||||||||||||||||||||||||||||||||||||||
> > | <--/twistyPlugin twikiMakeVisibleInline--> | ||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||
Added: | |||||||||||||||||||||||||||||||||||||||||||||||||
> > | <--/twistyPlugin--> | ||||||||||||||||||||||||||||||||||||||||||||||||
Skin Info
| |||||||||||||||||||||||||||||||||||||||||||||||||
Added: | |||||||||||||||||||||||||||||||||||||||||||||||||
> > | |||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||
Changed: | |||||||||||||||||||||||||||||||||||||||||||||||||
< < |
| ||||||||||||||||||||||||||||||||||||||||||||||||
> > |
| ||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||
Changed: | |||||||||||||||||||||||||||||||||||||||||||||||||
< < |
| ||||||||||||||||||||||||||||||||||||||||||||||||
> > |
| ||||||||||||||||||||||||||||||||||||||||||||||||
Added: | |||||||||||||||||||||||||||||||||||||||||||||||||
> > | mode="div"
showlink="Show Change History http://twiki.oats.inaf.it/twiki/pub/TWiki/TWikiDocGraphics/toggleopen.gif"
hidelink="Hide Change History http://twiki.oats.inaf.it/twiki/pub/TWiki/TWikiDocGraphics/toggleclose.gif"
}%
| ||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||
Added: | |||||||||||||||||||||||||||||||||||||||||||||||||
> > | </> <--/twistyPlugin--> | ||||||||||||||||||||||||||||||||||||||||||||||||
|
TopMenuSkin<-- Contributions to this skin are appreciated. Please update the skin page at http://twiki.org/cgi-bin/view/Plugins/TopMenuSkin | |||||||||||||||||||||||||||||||||||||||||||||||||
Changed: | |||||||||||||||||||||||||||||||||||||||||||||||||
< < | Screen Shot | ||||||||||||||||||||||||||||||||||||||||||||||||
> > | Screenshot | ||||||||||||||||||||||||||||||||||||||||||||||||
![]() Tob Bar and Menu Structure | |||||||||||||||||||||||||||||||||||||||||||||||||
Deleted: | |||||||||||||||||||||||||||||||||||||||||||||||||
< < | |||||||||||||||||||||||||||||||||||||||||||||||||
"Home" menu => "Web" menu => List of parent topics, if any (shown as "P"s) => Current topic ("View" menu). Web-specific Menu-BarsThe TopMenuSkinDefaultWebTopMenu defines the default menu structure used in any web. A WebTopMenu topic in a web can redefine the default menu structure. If the WebTopMenu topic is missing in a web, create one with content of _default.WebTopMenu and customize it. Bullets must be of format[[...][...]] or <a href="...">...</a> , and may not contain any text next to the link.
To preserve the "you are here" breadcrumb, it is important to add additional pulldown menus after the INCLUDE of %SYSTEMWEB%.TopMenuSkinTopicMenu. The top level menu-bar should have this structure:
%INCLUDE{%SYSTEMWEB%.TopMenuSkinHomeMenu}% * [[%BASEWEB%.%HOMETOPIC%][<img src="%ICONURL{web-bg}%" border="0" alt="" width="16" height="16" style="background-color:%WEBBGCOLOR%" /> <nop>%MAKETEXT{"[_1] Web" args="%BASEWEB{format="$current"}%"}% %ICON{menu-down}%]] * [[%SCRIPTURLPATH{"view"}%/%BASEWEB%/WebCreateNewTopic?topicparent=%BASETOPIC%][ %ICON{"newtopic"}% %MAKETEXT{"Create New Topic"}%]] * [[%BASEWEB%.WebTopicList][ %ICON{"index"}% %MAKETEXT{"Index"}%]] * [[%BASEWEB%.WebSearch][ %ICON{"searchtopic"}% %MAKETEXT{"Search"}%]] * [[%BASEWEB%.WebChanges][ %ICON{"changes"}% %MAKETEXT{"Changes"}%]] * [[%BASEWEB%.WebNotify][ %ICON{"notify"}% %MAKETEXT{"Notifications"}%]] * [[%BASEWEB%.WebRss][ %ICON{"feed"}% %MAKETEXT{"RSS Feed"}%]] * [[%BASEWEB%.WebStatistics][ %ICON{"statistics"}% %MAKETEXT{"Statistics"}%]] * [[%BASEWEB%.WebPreferences][ %ICON{"wrench"}% %MAKETEXT{"Preferences"}%]] %INCLUDE{%SYSTEMWEB%.TopMenuSkinTopicMenu}% * [[BugTracker][%ICON{bug}% Bugs %ICON{menu-down}%]] * [[NewReport][Create bug report]] * [[OpenBugs][Open bugs]] * [[ConfirmedBugs][Confirmed bugs]] * [[FixedBugs][Fixed bugs]] | |||||||||||||||||||||||||||||||||||||||||||||||||
Deleted: | |||||||||||||||||||||||||||||||||||||||||||||||||
< < | Read-Only Skin ModeThis skin and the PatternSkin support a read-only mode. This is mainly useful if you have TWiki application pages or dashboards where you do not want regular users to change content. The read-only mode is enabled with a READONLYSKINMODE preferences setting set to 1. Details in PatternSkinCustomization#ReadOnlySkinMode. | ||||||||||||||||||||||||||||||||||||||||||||||||
Use Menu-Bars in TopicsA menu-bar can be added anywhere in a topic:
%INCLUDE{"%SYSTEMWEB%.TopMenuSkin"}% <div class="twTopMenuTab"> * [[WebHome][%ICON{home}% Home %ICON{menu-down}%]] * [[WebNotify][Subscribe]] * [[WebStatistics][Statistics]] * [[WebSearch][%ICON{searchtopic}% Search %ICON{menu-down}%]] * [[WebSearchAdvanced][Advanced search]] * [[SearchHelp][Search help]] </div>Renders as: NOTE: The pulldown menus only work if the TWiki:Plugins/JQueryPlugin ![]() | |||||||||||||||||||||||||||||||||||||||||||||||||
Added: | |||||||||||||||||||||||||||||||||||||||||||||||||
> > |
Read-Only Skin ModeThis skin and the PatternSkin support a read-only mode. This is mainly useful if you have TWiki application pages or dashboards where you do not want regular users to change content. The read-only mode is enabled with a READONLYSKINMODE preferences setting set to 1. Details in PatternSkinCustomization#ReadOnlySkinMode. | ||||||||||||||||||||||||||||||||||||||||||||||||
CSS and JavaScriptThis section defines the CSS and JavaScript used by the TopMenuSkin; View Raw to see the source. Some additional CSS is defined intemplates/vewi.topmenu.tmpl
<----><----> | |||||||||||||||||||||||||||||||||||||||||||||||||
Added: | |||||||||||||||||||||||||||||||||||||||||||||||||
> > | Create Your Own LookThis skin is based on PatternSkin, and the same rules for customization apply. The TopMenuSkin disables the sidebar and activates a different top bar intwiki/templates/view.topmenu.tmpl . Details in PatternSkinCustomization and PatternSkinCssCookbook.
The top bar TopMenuSkinTopBar (with menu bar, logo and search boxes) can be cloned using same topic name and customized per web.
Add a SidebarIf you want a sidebar in addition to the top bar, define a WEBLEFTBAR setting with the name of the topic to include as the sidebar. This can be done in a WebPreferences for the whole web or in a topic. Example:
Fixed Menu-BarThe FIXEDTOPMENU preferences setting determines if the menu-bar is fixed or auto-hidden. If set to on, the menu-bar is always visible at the top, regardless of the window scroll position. If off, the menu-bar hides when scrolled, and can be shown by hovering over![]()
| ||||||||||||||||||||||||||||||||||||||||||||||||
InstallationNote: 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.
| |||||||||||||||||||||||||||||||||||||||||||||||||
Changed: | |||||||||||||||||||||||||||||||||||||||||||||||||
< < |
| ||||||||||||||||||||||||||||||||||||||||||||||||
> > |
| ||||||||||||||||||||||||||||||||||||||||||||||||
Added: | |||||||||||||||||||||||||||||||||||||||||||||||||
> > |
| ||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||
Deleted: | |||||||||||||||||||||||||||||||||||||||||||||||||
< < | Creating your own lookThis skin is based on PatternSkin, and the same rules for customization apply. The TopMenuSkin disables the sidebar and activates a different top bar intwiki/templates/view.topmenu.tmpl . Details in PatternSkinCustomization and PatternSkinCssCookbook.
The top bar TopMenuSkinTopBar (with menu bar, logo and search boxes) can be cloned using same topic name and customized per web. | ||||||||||||||||||||||||||||||||||||||||||||||||
Skin Info
| |||||||||||||||||||||||||||||||||||||||||||||||||
Added: | |||||||||||||||||||||||||||||||||||||||||||||||||
> > |
| ||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||
Changed: | |||||||||||||||||||||||||||||||||||||||||||||||||
< < |
| ||||||||||||||||||||||||||||||||||||||||||||||||
> > |
| ||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||
Changed: | |||||||||||||||||||||||||||||||||||||||||||||||||
< < |
| ||||||||||||||||||||||||||||||||||||||||||||||||
> > |
| ||||||||||||||||||||||||||||||||||||||||||||||||
Added: | |||||||||||||||||||||||||||||||||||||||||||||||||
> > |
| ||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||
Changed: | |||||||||||||||||||||||||||||||||||||||||||||||||
< < |
| ||||||||||||||||||||||||||||||||||||||||||||||||
> > |
| ||||||||||||||||||||||||||||||||||||||||||||||||
TopMenuSkin<-- Contributions to this skin are appreciated. Please update the skin page at http://twiki.org/cgi-bin/view/Plugins/TopMenuSkin Screen Shot![]() Tob Bar and Menu Structure
"Home" menu => "Web" menu => List of parent topics, if any (shown as "P"s) => Current topic ("View" menu). Web-specific Menu-BarsThe TopMenuSkinDefaultWebTopMenu defines the default menu structure used in any web. A WebTopMenu topic in a web can redefine the default menu structure. If the WebTopMenu topic is missing in a web, create one with content of _default.WebTopMenu and customize it. Bullets must be of format[[...][...]] or <a href="...">...</a> , and may not contain any text next to the link.
To preserve the "you are here" breadcrumb, it is important to add additional pulldown menus after the INCLUDE of %SYSTEMWEB%.TopMenuSkinTopicMenu. The top level menu-bar should have this structure:
%INCLUDE{%SYSTEMWEB%.TopMenuSkinHomeMenu}% * [[%BASEWEB%.%HOMETOPIC%][<img src="%ICONURL{web-bg}%" border="0" alt="" width="16" height="16" style="background-color:%WEBBGCOLOR%" /> <nop>%MAKETEXT{"[_1] Web" args="%BASEWEB{format="$current"}%"}% %ICON{menu-down}%]] * [[%SCRIPTURLPATH{"view"}%/%BASEWEB%/WebCreateNewTopic?topicparent=%BASETOPIC%][ %ICON{"newtopic"}% %MAKETEXT{"Create New Topic"}%]] * [[%BASEWEB%.WebTopicList][ %ICON{"index"}% %MAKETEXT{"Index"}%]] * [[%BASEWEB%.WebSearch][ %ICON{"searchtopic"}% %MAKETEXT{"Search"}%]] * [[%BASEWEB%.WebChanges][ %ICON{"changes"}% %MAKETEXT{"Changes"}%]] * [[%BASEWEB%.WebNotify][ %ICON{"notify"}% %MAKETEXT{"Notifications"}%]] * [[%BASEWEB%.WebRss][ %ICON{"feed"}% %MAKETEXT{"RSS Feed"}%]] * [[%BASEWEB%.WebStatistics][ %ICON{"statistics"}% %MAKETEXT{"Statistics"}%]] * [[%BASEWEB%.WebPreferences][ %ICON{"wrench"}% %MAKETEXT{"Preferences"}%]] %INCLUDE{%SYSTEMWEB%.TopMenuSkinTopicMenu}% * [[BugTracker][%ICON{bug}% Bugs %ICON{menu-down}%]] * [[NewReport][Create bug report]] * [[OpenBugs][Open bugs]] * [[ConfirmedBugs][Confirmed bugs]] * [[FixedBugs][Fixed bugs]] | |||||||||||||||||||||||||||||||||||||||
Added: | |||||||||||||||||||||||||||||||||||||||
> > | Read-Only Skin ModeThis skin and the PatternSkin support a read-only mode. This is mainly useful if you have TWiki application pages or dashboards where you do not want regular users to change content. The read-only mode is enabled with a READONLYSKINMODE preferences setting set to 1. Details in PatternSkinCustomization#ReadOnlySkinMode. | ||||||||||||||||||||||||||||||||||||||
Use Menu-Bars in TopicsA menu-bar can be added anywhere in a topic:
%INCLUDE{"%SYSTEMWEB%.TopMenuSkin"}% <div class="twTopMenuTab"> * [[WebHome][%ICON{home}% Home %ICON{menu-down}%]] * [[WebNotify][Subscribe]] * [[WebStatistics][Statistics]] * [[WebSearch][%ICON{searchtopic}% Search %ICON{menu-down}%]] * [[WebSearchAdvanced][Advanced search]] * [[SearchHelp][Search help]] </div>Renders as: NOTE: The pulldown menus only work if the TWiki:Plugins/JQueryPlugin ![]() CSS and JavaScriptThis section defines the CSS and JavaScript used by the TopMenuSkin; View Raw to see the source. Some additional CSS is defined intemplates/vewi.topmenu.tmpl
<----><----> InstallationNote: 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.
| |||||||||||||||||||||||||||||||||||||||
Changed: | |||||||||||||||||||||||||||||||||||||||
< < |
| ||||||||||||||||||||||||||||||||||||||
> > |
| ||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||
Added: | |||||||||||||||||||||||||||||||||||||||
> > |
| ||||||||||||||||||||||||||||||||||||||
Creating your own lookThis skin is based on PatternSkin, and the same rules for customization apply. The TopMenuSkin disables the sidebar and activates a different top bar intwiki/templates/view.topmenu.tmpl . Details in PatternSkinCustomization and PatternSkinCssCookbook.
The top bar TopMenuSkinTopBar (with menu bar, logo and search boxes) can be cloned using same topic name and customized per web.
Skin Info
| |||||||||||||||||||||||||||||||||||||||
Changed: | |||||||||||||||||||||||||||||||||||||||
< < |
| ||||||||||||||||||||||||||||||||||||||
> > |
| ||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||
Changed: | |||||||||||||||||||||||||||||||||||||||
< < |
| ||||||||||||||||||||||||||||||||||||||
> > |
| ||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||
Added: | |||||||||||||||||||||||||||||||||||||||
> > |
| ||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||
Changed: | |||||||||||||||||||||||||||||||||||||||
< < | Related topics: WebTopMenu, TopMenuSkinDefaultWebTopMenu, TopMenuSkinHomeMenu, TopMenuSkinTopBar, TopMenuSkinTopicMenu, TWikiSkins, TWikiSkinBrowser, UserDocumentationCategory, AdminDocumentationCategory | ||||||||||||||||||||||||||||||||||||||
> > | Related topics: TopMenuSkinDefaultWebTopMenu, TopMenuSkinHomeMenu, TopMenuSkinTopBar, TopMenuSkinTopicMenu, WebTopMenu, _default.WebTopMenu, Main.WebTopMenu, Sandbox.WebTopMenu, Trash.WebTopMenu, TWikiSkins, TWikiSkinBrowser, UserDocumentationCategory, AdminDocumentationCategory | ||||||||||||||||||||||||||||||||||||||
|
TopMenuSkin<-- Contributions to this skin are appreciated. Please update the skin page at http://twiki.org/cgi-bin/view/Plugins/TopMenuSkin | |||||||||||||||||||||||||
Added: | |||||||||||||||||||||||||
> > | |||||||||||||||||||||||||
Added: | |||||||||||||||||||||||||
> > | |||||||||||||||||||||||||
The TopMenuSkin adds pulldown menus to the PatternSkin.
Screen Shot![]() Tob Bar and Menu Structure | |||||||||||||||||||||||||
Changed: | |||||||||||||||||||||||||
< < |
| ||||||||||||||||||||||||
> > |
| ||||||||||||||||||||||||
Deleted: | |||||||||||||||||||||||||
< < | |||||||||||||||||||||||||
"Home" menu => "Web" menu => List of parent topics, if any (shown as "P"s) => Current topic ("View" menu). Web-specific Menu-BarsThe TopMenuSkinDefaultWebTopMenu defines the default menu structure used in any web. A WebTopMenu topic in a web can redefine the default menu structure. If the WebTopMenu topic is missing in a web, create one with content of _default.WebTopMenu and customize it. Bullets must be of format[[...][...]] or <a href="...">...</a> , and may not contain any text next to the link.
To preserve the "you are here" breadcrumb, it is important to add additional pulldown menus after the INCLUDE of %SYSTEMWEB%.TopMenuSkinTopicMenu. The top level menu-bar should have this structure:
%INCLUDE{%SYSTEMWEB%.TopMenuSkinHomeMenu}% * [[%BASEWEB%.%HOMETOPIC%][<img src="%ICONURL{web-bg}%" border="0" alt="" width="16" height="16" style="background-color:%WEBBGCOLOR%" /> <nop>%MAKETEXT{"[_1] Web" args="%BASEWEB{format="$current"}%"}% %ICON{menu-down}%]] * [[%SCRIPTURLPATH{"view"}%/%BASEWEB%/WebCreateNewTopic?topicparent=%BASETOPIC%][ %ICON{"newtopic"}% %MAKETEXT{"Create New Topic"}%]] * [[%BASEWEB%.WebTopicList][ %ICON{"index"}% %MAKETEXT{"Index"}%]] * [[%BASEWEB%.WebSearch][ %ICON{"searchtopic"}% %MAKETEXT{"Search"}%]] * [[%BASEWEB%.WebChanges][ %ICON{"changes"}% %MAKETEXT{"Changes"}%]] * [[%BASEWEB%.WebNotify][ %ICON{"notify"}% %MAKETEXT{"Notifications"}%]] * [[%BASEWEB%.WebRss][ %ICON{"feed"}% %MAKETEXT{"RSS Feed"}%]] * [[%BASEWEB%.WebStatistics][ %ICON{"statistics"}% %MAKETEXT{"Statistics"}%]] * [[%BASEWEB%.WebPreferences][ %ICON{"wrench"}% %MAKETEXT{"Preferences"}%]] %INCLUDE{%SYSTEMWEB%.TopMenuSkinTopicMenu}% * [[BugTracker][%ICON{bug}% Bugs %ICON{menu-down}%]] * [[NewReport][Create bug report]] * [[OpenBugs][Open bugs]] * [[ConfirmedBugs][Confirmed bugs]] * [[FixedBugs][Fixed bugs]] Use Menu-Bars in TopicsA menu-bar can be added anywhere in a topic:
%INCLUDE{"%SYSTEMWEB%.TopMenuSkin"}% <div class="twTopMenuTab"> * [[WebHome][%ICON{home}% Home %ICON{menu-down}%]] * [[WebNotify][Subscribe]] * [[WebStatistics][Statistics]] * [[WebSearch][%ICON{searchtopic}% Search %ICON{menu-down}%]] * [[WebSearchAdvanced][Advanced search]] * [[SearchHelp][Search help]] </div>Renders as: NOTE: The pulldown menus only work if the TWiki:Plugins/JQueryPlugin ![]() CSS and JavaScript | |||||||||||||||||||||||||
Changed: | |||||||||||||||||||||||||
< < | This section defines the CSS and JavaScript. (View Raw to see the source.) | ||||||||||||||||||||||||
> > | This section defines the CSS and JavaScript used by the TopMenuSkin; View Raw to see the source. Some additional CSS is defined in templates/vewi.topmenu.tmpl | ||||||||||||||||||||||||
<----><----> InstallationNote: 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.
| |||||||||||||||||||||||||
Added: | |||||||||||||||||||||||||
> > |
| ||||||||||||||||||||||||
Creating your own lookThis skin is based on PatternSkin, and the same rules for customization apply. The TopMenuSkin disables the sidebar and activates a different top bar intwiki/templates/view.topmenu.tmpl . Details in PatternSkinCustomization and PatternSkinCssCookbook. | |||||||||||||||||||||||||
Added: | |||||||||||||||||||||||||
> > | The top bar TopMenuSkinTopBar (with menu bar, logo and search boxes) can be cloned using same topic name and customized per web. | ||||||||||||||||||||||||
Skin Info
| |||||||||||||||||||||||||
Changed: | |||||||||||||||||||||||||
< < |
| ||||||||||||||||||||||||
> > |
| ||||||||||||||||||||||||
| |||||||||||||||||||||||||
Changed: | |||||||||||||||||||||||||
< < |
| ||||||||||||||||||||||||
> > |
| ||||||||||||||||||||||||
| |||||||||||||||||||||||||
Changed: | |||||||||||||||||||||||||
< < |
| ||||||||||||||||||||||||
> > |
| ||||||||||||||||||||||||
Added: | |||||||||||||||||||||||||
> > |
| ||||||||||||||||||||||||
|
TopMenuSkin<-- Contributions to this skin are appreciated. Please update the skin page at http://twiki.org/cgi-bin/view/Plugins/TopMenuSkin Screen Shot![]() Tob Bar and Menu Structure
"Home" menu => "Web" menu => List of parent topics, if any (shown as "P"s) => Current topic ("View" menu). Web-specific Menu-BarsThe TopMenuSkinDefaultWebTopMenu defines the default menu structure used in any web. A WebTopMenu topic in a web can redefine the default menu structure. If the WebTopMenu topic is missing in a web, create one with content of _default.WebTopMenu and customize it. Bullets must be of format[[...][...]] or <a href="...">...</a> , and may not contain any text next to the link.
To preserve the "you are here" breadcrumb, it is important to add additional pulldown menus after the INCLUDE of %SYSTEMWEB%.TopMenuSkinTopicMenu. The top level menu-bar should have this structure:
%INCLUDE{%SYSTEMWEB%.TopMenuSkinHomeMenu}% * [[%BASEWEB%.%HOMETOPIC%][<img src="%ICONURL{web-bg}%" border="0" alt="" width="16" height="16" style="background-color:%WEBBGCOLOR%" /> <nop>%MAKETEXT{"[_1] Web" args="%BASEWEB{format="$current"}%"}% %ICON{menu-down}%]] * [[%SCRIPTURLPATH{"view"}%/%BASEWEB%/WebCreateNewTopic?topicparent=%BASETOPIC%][ %ICON{"newtopic"}% %MAKETEXT{"Create New Topic"}%]] * [[%BASEWEB%.WebTopicList][ %ICON{"index"}% %MAKETEXT{"Index"}%]] * [[%BASEWEB%.WebSearch][ %ICON{"searchtopic"}% %MAKETEXT{"Search"}%]] * [[%BASEWEB%.WebChanges][ %ICON{"changes"}% %MAKETEXT{"Changes"}%]] * [[%BASEWEB%.WebNotify][ %ICON{"notify"}% %MAKETEXT{"Notifications"}%]] * [[%BASEWEB%.WebRss][ %ICON{"feed"}% %MAKETEXT{"RSS Feed"}%]] * [[%BASEWEB%.WebStatistics][ %ICON{"statistics"}% %MAKETEXT{"Statistics"}%]] * [[%BASEWEB%.WebPreferences][ %ICON{"wrench"}% %MAKETEXT{"Preferences"}%]] %INCLUDE{%SYSTEMWEB%.TopMenuSkinTopicMenu}% * [[BugTracker][%ICON{bug}% Bugs %ICON{menu-down}%]] * [[NewReport][Create bug report]] * [[OpenBugs][Open bugs]] * [[ConfirmedBugs][Confirmed bugs]] * [[FixedBugs][Fixed bugs]] Use Menu-Bars in TopicsA menu-bar can be added anywhere in a topic:
%INCLUDE{"%SYSTEMWEB%.TopMenuSkin"}% <div class="twTopMenuTab"> * [[WebHome][%ICON{home}% Home %ICON{menu-down}%]] * [[WebNotify][Subscribe]] * [[WebStatistics][Statistics]] * [[WebSearch][%ICON{searchtopic}% Search %ICON{menu-down}%]] * [[WebSearchAdvanced][Advanced search]] * [[SearchHelp][Search help]] </div>Renders as: NOTE: The pulldown menus only work if the TWiki:Plugins/JQueryPlugin ![]() CSS and JavaScriptThis section defines the CSS and JavaScript. (View Raw to see the source.)<----> | |||||||||||||||||||||||||
Changed: | |||||||||||||||||||||||||
< < | |||||||||||||||||||||||||
> > | <---->%ADDTOHEAD{ | ||||||||||||||||||||||||
Added: | |||||||||||||||||||||||||
> > | "TOPMENUSKIN_CSS" text=" | ||||||||||||||||||||||||
.twTopMenuTab { height: 22px; width: auto; color: #111111; background-image: url(/twiki/pub/TWiki/TopMenuSkin/menu-gray-bg.png); background-repeat: repeat-x; overflow: hidden; white-space: nowrap; } .twTopMenuTab ul { height: 22px; margin: 0; padding: 0; list-style: none; } .twTopMenuTab ul li { float: left; font: 13px Tahoma, Arial; vertical-align: middle; width: auto; white-space: nowrap; } .twTopMenuTab ul li a { display: block; padding: 2px 8px 3px 8px; text-decoration: none; color: #111111; } .twTopMenuTab ul li a:hover { background-image: url(/twiki/pub/TWiki/TopMenuSkin/menu-reverse-bg.png); color: #111111; text-decoration: none; } .twTopMenuTab ul li ul { margin: 0; padding: 0; position: absolute; visibility: hidden; border-top: 1px solid white; color: #111111; z-index: 9000; } .twTopMenuTab ul li ul li { float: none; display: inline; } .twTopMenuTab ul li ul li a { width: auto; background-color: #F7F8F8; background-image: url(/twiki/pub/TWiki/TopMenuSkin/menu-pulldown-bg.png); background-repeat: repeat-y; padding: 3px 8px; } .twTopMenuTab ul li ul li a:hover { background-color: #AFB3C5; background-repeat: repeat; } | |||||||||||||||||||||||||
Changed: | |||||||||||||||||||||||||
< < |
<----> | ||||||||||||||||||||||||
> > | " }% | ||||||||||||||||||||||||
InstallationNote: 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.
| |||||||||||||||||||||||||
Changed: | |||||||||||||||||||||||||
< < |
| ||||||||||||||||||||||||
> > |
| ||||||||||||||||||||||||
Added: | |||||||||||||||||||||||||
> > |
| ||||||||||||||||||||||||
Creating your own lookThis skin is based on PatternSkin, and the same rules for customization apply. The TopMenuSkin disables the sidebar and activates a different top bar intwiki/templates/view.topmenu.tmpl . Details in PatternSkinCustomization and PatternSkinCssCookbook.
Skin Info
| |||||||||||||||||||||||||
Changed: | |||||||||||||||||||||||||
< < |
| ||||||||||||||||||||||||
> > |
| ||||||||||||||||||||||||
| |||||||||||||||||||||||||
Changed: | |||||||||||||||||||||||||
< < |
| ||||||||||||||||||||||||
> > |
| ||||||||||||||||||||||||
| |||||||||||||||||||||||||
Added: | |||||||||||||||||||||||||
> > |
| ||||||||||||||||||||||||
|
TopMenuSkin<-- Contributions to this skin are appreciated. Please update the skin page at http://twiki.org/cgi-bin/view/Plugins/TopMenuSkin Screen Shot![]() Tob Bar and Menu Structure
"Home" menu => "Web" menu => List of parent topics, if any (shown as "P"s) => Current topic ("View" menu). Web-specific Menu-BarsThe TopMenuSkinDefaultWebTopMenu defines the default menu structure used in any web. A WebTopMenu topic in a web can redefine the default menu structure. If the WebTopMenu topic is missing in a web, create one with content of _default.WebTopMenu and customize it. Bullets must be of format[[...][...]] or <a href="...">...</a> , and may not contain any text next to the link.
To preserve the "you are here" breadcrumb, it is important to add additional pulldown menus after the INCLUDE of %SYSTEMWEB%.TopMenuSkinTopicMenu. The top level menu-bar should have this structure:
%INCLUDE{%SYSTEMWEB%.TopMenuSkinHomeMenu}% * [[%BASEWEB%.%HOMETOPIC%][<img src="%ICONURL{web-bg}%" border="0" alt="" width="16" height="16" style="background-color:%WEBBGCOLOR%" /> <nop>%MAKETEXT{"[_1] Web" args="%BASEWEB{format="$current"}%"}% %ICON{menu-down}%]] * [[%SCRIPTURLPATH{"view"}%/%BASEWEB%/WebCreateNewTopic?topicparent=%BASETOPIC%][ %ICON{"newtopic"}% %MAKETEXT{"Create New Topic"}%]] * [[%BASEWEB%.WebTopicList][ %ICON{"index"}% %MAKETEXT{"Index"}%]] * [[%BASEWEB%.WebSearch][ %ICON{"searchtopic"}% %MAKETEXT{"Search"}%]] * [[%BASEWEB%.WebChanges][ %ICON{"changes"}% %MAKETEXT{"Changes"}%]] * [[%BASEWEB%.WebNotify][ %ICON{"notify"}% %MAKETEXT{"Notifications"}%]] * [[%BASEWEB%.WebRss][ %ICON{"feed"}% %MAKETEXT{"RSS Feed"}%]] * [[%BASEWEB%.WebStatistics][ %ICON{"statistics"}% %MAKETEXT{"Statistics"}%]] * [[%BASEWEB%.WebPreferences][ %ICON{"wrench"}% %MAKETEXT{"Preferences"}%]] %INCLUDE{%SYSTEMWEB%.TopMenuSkinTopicMenu}% * [[BugTracker][%ICON{bug}% Bugs %ICON{menu-down}%]] * [[NewReport][Create bug report]] * [[OpenBugs][Open bugs]] * [[ConfirmedBugs][Confirmed bugs]] * [[FixedBugs][Fixed bugs]] Use Menu-Bars in TopicsA menu-bar can be added anywhere in a topic:
%INCLUDE{"%SYSTEMWEB%.TopMenuSkin"}% <div class="twTopMenuTab"> * [[WebHome][%ICON{home}% Home %ICON{menu-down}%]] * [[WebNotify][Subscribe]] * [[WebStatistics][Statistics]] * [[WebSearch][%ICON{searchtopic}% Search %ICON{menu-down}%]] * [[WebSearchAdvanced][Advanced search]] * [[SearchHelp][Search help]] </div>Renders as: NOTE: The pulldown menus only work if the TWiki:Plugins/JQueryPlugin ![]() CSS and JavaScriptThis section defines the CSS and JavaScript. (View Raw to see the source.)<----><----> InstallationNote: 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.
Creating your own lookThis skin is based on PatternSkin, and the same rules for customization apply. The TopMenuSkin disables the sidebar and activates a different top bar intwiki/templates/view.topmenu.tmpl . Details in PatternSkinCustomization and PatternSkinCssCookbook.
Skin Info
|