Note utilisateur: 0 / 5
HiveMind features the exciting and exclusive RokMooMenu system for the ultimate in menu functionality and style, as well as the popular and reliable RTSplitMenu. An option for Suckerfish is also included. Here you can read an overview of the HiveMind menu configuration options.
Video Tutorial Currently Available!Launch the Joomla Menu Setup Video Tutorial now! (Requires Flash)
Selecting your Menu Style
HiveMind allows you to choose from 3 menu options:
- RokMooMenu - The exciting new menu system based on the ever popular Suckerfish menu style, featuring mootools powered transitions and effects.
- Suckerfish - The versatile dropdown menu is now an option in combination with RokMooMenu to minimise library conflicts.
- SplitMenu - Then venerable SplitMenu is a solid choice for navigation. It works by rendering the top-level menu options horizontally, and the submenu/child items are rendered in a module on the side.
You can designate which menu style you want to use on your site with a single control in the template's Admin interface at Admin > Extensions > Template Manager > HiveMind
5 Menu Styles
Ensure that you are using the module class suffix of -menu. Place this in the Module Class Suffix field within Admin -> Extensions -> Module Manager -> MainMenu.HiveMind has been designed with menu structure in mind. It exhibits 5 difference and distinct menu styles that are configurable. You can dramatically change the appearance of your entire website with just a menustyle switch. The menu styling is replicated in the splitmenu and the mainmenu (to a lesser extent) to create a consistent style.
You can designate which menu style you want to use on your site with a single control in the template's Admin interface at Admin > Extensions > Template Manager > HiveMind
- MenuStyle1 - a dark, streamlined, slightly graded menu with rounded extremities.
- MenuStyle2 - a graded, bar with larger rounded extremities.
- MenuStyle3 - a light, tab based menu.
- MenuStyle4 - a basic, text based menu.
- MenuStyle5 - a basic, text based menu with segregating dividers
MenuStyle 1
MenuStyle1 is the darkest of the menu styles with a slight graded background to the menus with an overall streamlined approach. The extremities of the menu bar are encompassed by rounded tabs.
MenuStyle 2
MenuStyle2 is similar to the first style with its graded background and rounded tabs encompassing the menu bar. However, the gradient is more apparent which is visually soft and the overall size is much taller.
MenuStyle 3
MenuStyle3 is the most graphically elaborate menu option with subtle tabs with circular vectors beneath which provides an unorthodox menu styling approach.
MenuStyle 4
MenuStyle4 is the most basic of all the menu styles with the main usage of text with background distinctions for active menu items.
MenuStyle 5
MenuStyle5 is similar to menu style 4, apart from the text segments of the menu bar being segregated by thin, vertical borders.
The Powerful & Popular RokMooMenu
Making its return this month is the immensely popular RokMooMenu. This menu has been developed from scratch using the latest and greatest MooTools JavaScript framework. The RokMooMenu is a highly advanced and fully customizable menu system. Some of the great features include:- Hover support for IE6 using the sfHover javascript class just like in Suckerfish.
- Fully degradable to standard SuckerFish menu if javascript is not supported.
- Configurable mouse-out delay to allow for accidental mousing out of the menu.
- Completely customizable animation effects using MooTools transitions. Can be configured in X and/or Y directions.
- Support for fade-in transparency
- Experimental support for IE6 z-index bug using the iFrame hack.
<script type="text/javascript">
window.addEvent('domready', function() {
new Rokmoomenu($E('ul.menu'), {
bgiframe: false,
delay: 500,
animate: {
props: ['opacity', 'width', 'height'],
opts: {
duration:400,
fps: 100,
transition: Fx.Transitions.Expo.easeOut
}
}
});
});
</script>
Menu Settings
- Bgiframe - Can be true or false. Only turn on if you are having problems with IE and z-index. This feature is experimental.
- Delay - Defaults to 500ms. This is the how long you can mouse off the menu before it vanishes.
- Props - These are the properties that will be applied to the menu. Can be any combination of opacity, width, height. The two properties, width and height are affected by the transition defined in opts.
- Duration - the time in ms the animation will run for.
- Fps - speed of the animation - leave at 100 for best results.
- Transitions - any of the available MooTools transitions. See below for more details.
For example, "Bounce.easeIn or Bounce.easeOut or Bounce.easeInOut" produce a bouncing effect.
For more details with diagrams, visit the Mootools documentation site
