31

Mar

2007

Synapse Menu Options PDF Print E-mail
User Rating: / 0
PoorBest 
rocket.theme - synapse
Written by kVadrum   
Saturday, 31 March 2007 12:39

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

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

Trackback(0)
Comments (0)Add Comment

Write comment
You must be logged in to a comment. Please register if you do not have an account yet.

busy
Last Updated ( Saturday, 01 March 2008 09:32 )
 

a.Moment

kV-smiles-130x130.png

PeopLe like kVadrum. They like kVadrum A LOT.

One Registered.User says: "kVadrum saved my marriage, got me a new job, improved my relationship with my children, made me whole and righteous in front of God and the heavens...and made my penis bigger. No - seriously. It's A LOT bigger now."

query

kV-question-130x130.png

What do you prefer? Email or messenger pigeon?

As you know, both have their pros and cons - and in the quickly evolving world of n3w.media, either is widely accepted. Recent studies suggest that email may be slowly edging the poor working pigeon out from the perch upon a service once all his own. Thoughts? operator@kvadrum.com

the.Loop

kV-the-loop-130x130.png

the.Loop is 3verything.

  • the.Loop is made up of an infinite number of sub.Loops.

  • The sub.Loops can be anything.

  • Each Loop is comprised of entities that are related to each other in some way.

kV.sweepstakes.001

kVadrum's first sweepstakes!

A heavily used copy of Luigi Pirandello's "Naked Masks" - we will choose a winner at random from the first 100 Registered.Users. What are you waiting for? Join the hq.kV today and be envied.




r3cmmndd.Loops

Frank Miller's graphic novel Sin City: Hell and Back.

Take a transcendental trip from etched b&w to classically drawn color - and get a new perspective on the roots of the movie.

diGGs.off.beat

2 Sons Push 81-yr-old Mom in Cart on 4500-km Tour to Taiwan
Thursday, 11 March 2010 05:20
It was up to her sons to carry out their father's promise. The carriage is fitted with three beds, windows and heat-retaining panels to make mom comfortable. On the road, Wang Kai pulls the carriage from the front while younger brother Wang Rui, 57, pushes it from behind. The brothers' love for their mother has moved thousands of people.

Vehicle Barely Makes Jump Over Guy
Thursday, 11 March 2010 05:10
This is what happens when a have a car and a bunch of crazy people.

21 Things You'll Always Find at Goodwill [Graphic]
Thursday, 11 March 2010 05:00
No matter which city or state you're in, you'll find all of this crap.

Abused boy ate feces, drank urine to survive
Thursday, 11 March 2010 03:00
This could be the worst child abuse case we've ever heard. Last month, after receiving a tip that a 9-year-old boy was being abused, police arrived at the Lake Charles, Louisiana home of Jaime and Murray Day. What they found...

Snow Pups Enjoy a Good Run in the Snow (Iditarod Photos)
Thursday, 11 March 2010 02:20
A race over 1,150 miles of the roughest, most beautiful terrain including jagged mountain ranges, frozen rivers, dense forest, desolate tundra and miles of windswept coast. Add to that temperatures far below zero, winds that can cause a complete loss of visibility, long hours of darkness and treacherous climbs and side hills, and you have the Idita

rAndm.Loop

kV.is.multilingual

kV wants to speak all the languages of the world.

 

 
kV.has.many.Voices

kV indeed has many Voices - and speaks many tongues - and has many opinions.

 
kVadrum.is.a.System
We are creating a system.
 
Rules? NO.HATE

kVadrum strictly disallows one explicit rendering of a learned, habitually skewed perception - HATRED.

 
g00d.Friday?

Wasn't yesterday Good Friday? Hmmm...odd.

 
We have 2 guests online

shAre.kV

shAre.kV JBookmarks shAre.kV Facebook shAre.kV Mr. Wong shAre.kV Webnews shAre.kV Buzka shAre.kV Icio shAre.kV Ximmy shAre.kV Oneview shAre.kV Kledy.de Social Bookmarking shAre.kV  FAV!T Social Bookmarking shAre.kV Favoriten.de shAre.kV Seekxl shAre.kV Social Bookmark Portal shAre.kV BoniTrust shAre.kV Power-Oldie shAre.kV Bookmarks.cc shAre.kV Newskick shAre.kV Newsider shAre.kV Linksilo shAre.kV Readster shAre.kV Yigg shAre.kV Linkarena shAre.kV Digg shAre.kV Del.icoi.us shAre.kV Reddit shAre.kV Jumptags shAre.kV Upchuckr shAre.kV Simpy shAre.kV StumbleUpon shAre.kV Slashdot shAre.kV Netscape shAre.kV Furl shAre.kV Yahoo shAre.kV Blogmarks shAre.kV Diigo shAre.kV Technorati shAre.kV Newsvine shAre.kV Blinkbits shAre.kV Ma.Gnolia shAre.kV Smarking shAre.kV Netvouz shAre.kV Folkd shAre.kV Spurl shAre.kV Google shAre.kV Blinklist Information
IMG_6074-220x165.jpg

g00gle.s3arch.P0rtal


Web
[kVadrum]
(KeMeK)
:kmk.Tech:
Banner

spotLight

kV-IMG-spider-300x250.png

rocket.tutorials

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.

Banner

Creative.Commons

Creative Commons License


This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License.

inspiration

RocketTheme Joomla Templates
kV-info-200x200.png
 
kV-info-200x200.png
 
kV-info-200x200.png
 
kV-69-200x200.png
 
kV-69-200x200.png
 
kV-69-200x200.png
 
kV-tools-200x200.png
 
kV-tools-200x200.png
 
kV-tools-200x200.png