| Menu Options |
|
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 StyleHiveMind allows you to choose from 3 menu options:
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 StylesEnsure 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
![]() MenuStyle 1MenuStyle1 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 2MenuStyle2 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 3MenuStyle3 is the most graphically elaborate menu option with subtle tabs with circular vectors beneath which provides an unorthodox menu styling approach. MenuStyle 4MenuStyle4 is the most basic of all the menu styles with the main usage of text with background distinctions for active menu items. MenuStyle 5MenuStyle5 is similar to menu style 4, apart from the text segments of the menu bar being segregated by thin, vertical borders. The Powerful & Popular RokMooMenuMaking 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:
<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
For more details with diagrams, visit the Mootools documentation site
Creating dropdown menus for RokMooMenu and SuckerfishTo have specific menu items appear as sub items, you must assign them to the specific navigation item in which they will originate from. The following tutorial will show you how simple it is to create your ideal menu system.Step 1 - NavigationOnce you have logged into the Joomla! Administration Area, you must navigate to the Menu area. Hover over the Menu item in the taskbar to show the dropdown menu. For this example, we are going into the mainmenu but the technique is exactly the same for all menus in the Administrative area.Step 2 - The Menu ManagerYou will then be transported to the Menu Manager for mainmenu. At this point, you can do 2 things. The first is to edit an existing menu item, which we will be doing in this tutorial or create a New menu item to be subordinate to an existing item. Click on the item you want to be part of the dropdown menu.Step 3 - Assigning a Parent ItemYou can now assign the content item to the mainmenu item in which you want to be in the dropdown menu. Identify the "Parent Item" section of the manager. You will select the item in which you wish to be the parent and the source of the dropdown menu. In this example, we have selected "Home". |