Lo que hacemos

Lo que hacemosDiseño Profesional de Páginas Web
Creamos webs sumamente amigables con las últimas tecnologías en diseño y programación (php, asp.net, javascript, css, xml, dhtml, etc.). Utilizamos elementos Flash como parte del contenido animado de su website...   Leer mas...

Lo que hacemosDiseño Gráfico e Ilustración 
Afiches, invitaciones, tarjetas de presentación, calendarios, brochures, banners, logotipos, etc.   Leer mas...

Lo que hacemosRestauración y Retoque Fotográfico
Restauración Digital de Fotografías, escaneo, fotomontajes, efectos especiales, dibujo publicitario, etc.  Leer mas...

Lo que hacemosReparación y Mantenimiento de Computadoras
(Software & Hardware): Mantenimiento preventivo y correctivo, actualizaciones, instalación de aplicaciones, componentes y periféricos. - Soporte Técnico.   Leer mas...

Lo que hacemosDiseño Estructuras y Animación             en 3-Dimenciones
(Modelado renderizado, Objetos, Figuras Humanas Idénticas, Paisajes, Interiores, Poligonales, etc.  Leer mas...

Lo que hacemosOtros
Multimedia; audiovisuales-edición, screensavers, planos basicos, flujogramas, programación de juegos en 2D, venta de cd´s y dvd´s, etc.  Leer mas... 


Utilice el Mouse para mover el Monigote.

 Darle click sostenido y arrastrar.

Ver en Pantalla Completa

Menu Options Array Imprimir Array  E-mail
Usar puntuación: / 4
Escrito por Administrator   
Martes, 19 de Agosto de 2008 16:57

MetaMorph features an array of elegant, professional and exclusive menu systems. Here you can read an overview of the MetaMorph menu configuration options.

Video Tutorial Currently Available!
Launch the Joomla Menu Setup Video Tutorial now!(Requires Flash)

Selecting your Menu Style

MetaMorph allows you to choose from 3 menu options:

  • RokMooMenu - The advanced menu system based on the ever popular Suckerfish menu style, featuring mootools powered transitions and effects.
  • Suckerfish - The versatile dropdown menu is an option in combination with RokMooMenu to minimize library conflicts and improve site performance.
  • 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 type you want to use on your site with a single control in the template manager.

The Powerful & 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.
An example configuration as used in the demo:
<script type="text/javascript">
window.addEvent('domready', function() {
	new Rokmoomenu($E('ul.menutop '), {
		bgiframe: false,
		delay: 500,
		animate: {
			props: ['width', 'opacity'],
			opts: {
				duration: 600,
				transition: Fx.Transitions.Sine.easeOut
		bg: {
			enabled: true,
			overEffect: {
				duration: 100,
				transition: Fx.Transitions.Expo.easeOut
			outEffect: {
				duration: 800,
				transition: Fx.Transitions.Sine.easeIn

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.
  • 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.
  • BG: This is an added effect with Moomenu that allows a background fade (whether solid colour or image) to appear on hover of the first level Moomenu items so you will have a transition for the first level background and reveal of the second level dropdowns. With this setting, you can decide whether this feature is active as well as define the duration / transition of the moveover and mouseout state (i.e. when you hover over the menu, then move your cursor away).
For more details with diagrams, visit the Mootools documentation site

Creating the dropdown menu items

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.

Step 1 - Navigation

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.

Step 2 - The Menu Manager

You will then be transported to the Menu Manager for mainmenu. At this point, you can do two 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 Item

You 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".
Última actualización el Viernes, 29 de Agosto de 2008 21:44


This module is another fine way to introduce snippets of your top stories in a seamless fashion. You can view this module in action on the frontpage of this demo. Read More...

Configure the Template

The template comes with a variety of different customisation options that are accessible from the template index.php file. These options range from selecting the type of menu to enabling/disabling various segments of the site Read More...

Add a banner position

This guide will inform of the steps needed to create a banner module position. This position would be space between the logo area and the adjacent login module. Read More...
RocketTheme Joomla Templates