Style 20 Style 19 Style 18 Style 17 Style 16 Style 15 Style 14 Style 13 Style 12 Style 11 Style 10 Style 9 Style 8 Style 7 Style 6 Style 5 Style 4 Style 3 Style 2 Style 1

Algumas Obras

  • Algumas Obras
  • Algumas Obras
  • Algumas Obras
  • Algumas Obras
  • Algumas Obras
  • Algumas Obras
  • Algumas Obras
  • Algumas Obras
  • Algumas Obras
  • Algumas Obras
  • Algumas Obras
  • Algumas Obras
  • Algumas Obras
  • Algumas Obras
  • Algumas Obras
  • Algumas Obras
  • Algumas Obras
  • Algumas Obras
  • Algumas Obras
  • Algumas Obras
  • Algumas Obras
  • Algumas Obras

Orçamentos em 48 horas

Ideias GigantesSe pretende realizar obras de qualquer natureza e gostaria de pedir um orçamento, não hesite e contacte-nos. Num prazo de 48 horas terá uma resposta.

Aguardamos pelo seu contacto.


Versatility III Menu Options PDF  | Print |  E-mail
Written by Administrator   
Saturday, 31 March 2007 17:39

Versatility 3 features the exciting and exclusive RokMooMenu system for the ultimate in menu functionality and style, as well as the popular and reliable RTSplitMenu. Here you can read an overview of the Versatility 3 menu configuration options.

Selecting your Menu Style

Versatility 3 allows you to choose from 2 menu options:

  • RokMooMenu - The exciting new menu system based on the ever popular Suckerfish menu style, featuring mootools powered transitions and effects.
  • 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.

The Powerful and 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. It is fully accessible and degrades to a standard SuckerFish menu if JavaScript is not enabled or supported. 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.

An example configuration as used in the demo:

<script type="text/javascript">
window.addEvent('domready', function() {
	new rokmoomenu($E('ul.nav'), {
		bgiframe: false,
		delay: 500,
		animate: {
			props: ['opacity', 'width', 'height'],
			opts: {
				fps: 100,
				transition: Fx.Transitions.Cubic.easeOut


- Can be true or false. Only turn on if you are having problems with IE and z-index. This feature is experimental.


- Defaults to 500ms. This is the how long you can mouse off the menu before it vanishes.


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


- the time in ms the animation will run for.


- speed of the animation - leave at 100 for best results.


- any of the available MooTools transitions. See below for more details.

The transition variable can be any of the following MooTools transitions and should be in the format Fx.Transitions.?????

For example, " Bounce.easeIn or Bounce.easeOut or Bounce.easeInOut" produce a bouncing effect.

For more details with diagrams, visit the Mootools documentation site


Using RokMooMenu Menu DropDowns

Assigning Parent Items to Create Your Drop-Downs

To 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.

  • Navigating to the Menu area
    Once 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.

  • The Menu Manager
    You 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.

  • Assigning the Parent item
    Now that you are in the editor for the individual content item, you can then assign it to the mainmenu item in which you want the dropdown menu with your intended item to be place. 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".

Last Updated on Thursday, 14 February 2008 18:35