Synapse Menu Options

Synapse 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 Synapse menu configuration options.

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

Selecting your Menu Style

Synapse 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 minimize 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 type you want to use on your site with a single control in the template's index.php file which is editable via the Joomla Administrator as well as in an external text editor.

$menu_type = "moomenu";	// moomenu | suckerfish | splitmenu | module

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.
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: ['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

Creating dropdown menus for RokMooMenu and Suckerfish

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

 

Group 1 Stuff

image

The new multi-core processor overview

A multi-core CPU (or chip-level multiprocessor, CMP) combines two or more independent cores into a single package composed of a single integrated circuit (IC), called a die, or more dies packaged together. A dual-core processor contains two cores and a quad-core processor contains four cores. A multi-core microprocessor implements multiprocessing in a single physical package. A processor with all cores on a single die is called a monolithic processor.

Group 2 Panel

image

What do you prefer? Velocity or Safety?

Software System Safety optimizes system safety in the design, development, use, and maintenance of software systems and their integration with safety critical hardware systems in an operational environment. In the past, industry in general considered increased productivity as the most important aspect of Software Engineering. Little consideration was given concerning the reliability or safety of the software product.

Group 3 Collection

image

See what ours users have to say

We believe we offer the best quality templates available for Joomla and Mambo. These templates are professional grade and created by rhuk, one of the Joomla core developers whose work you’ve seen in Mambo and Joomla sites all over the internet. Also club members in the RTTC get exclusive access to a forum that provides a great resource when looking for help with installing or customizing your RocketTheme Joomla templates.

Free Giveaway

This month we are giving away a mother-board to those who want to build a PC for digital entertainment and gaming. What are you waiting for? Sign up today and be the envy of all your friends. Good luck!

Recommended Reading

Hardware Bible - With this book you will learn all about hardware configurations. Hardcover book includes high resolution images detailing the most extreme hardware setups available. A must have guide for the pros.

 This site resets every 60 minutes.  demo_site_edit_this_site_button.jpg

Quick Links

Header / Footer Style
Header1 | Header2 | Header3 | Header4 | Header5 | Header6

Menu Type
MooMenu | Suckerfish

Font Family
Synapse | Optima | Geneva | Helvetica | Trebuchet | Lucida | Georgia | Palatino

RocketTutorials

Dive deeper into the world of Joomla with informative and detailed written tutorials on a variety of topics including general Joomla functions, RocketTheme template modifications, and much more on our all new RocketTutorials site.

Joomla Video Tutorials

Learn how to do general Joomla! functions by watching flash-based videos on our RocketTutorials site.

WYSIWYG Editor Tip

When placing custom html code into a custom module or content item, it is best to turn your WYSIWYG editor off. Doing so will ensure the code you place will not get stripped away when the item is saved. Turn your editor off in your admin your panel by going to Site > Global Configuration and setting Default WYSIWYG Editor to No WYSIWYG Editor.
OGO Sense Proffesional Joomla Developers

Module User3

This is the User3 module position, which is using no module class suffix.

You can publish multiple modules to this module position and can have 4 modules wide in this bottom bar.

Module User4

This is the User4 module position, which is using no module class suffix.

You can publish multiple modules to this module position and can have 4 modules wide in this bottom bar.

Module User5

This is the User5 module position, which is using no module class suffix.

You can publish multiple modules to this module position and can have 4 modules wide in this bottom bar.

Module User6

This is the User6 module position, which is using no module class suffix.

You can publish multiple modules to this module position and can have 4 modules wide in this bottom bar.