Features Highlights:

• Many Menu Types Supported – With Universal CSS Navigation Menu you can make Dropdown Menus with Sub Menu, create Mega Menu, Popup Menus or even Context Menus!
• Now fully Accessible with Keyboard Only - the Universal CSS Navigation Menu complies now to all WAI Web Content Accessibility Guidelines and Section 508 web standards making it fully accessible to people with disabilities
  
• New fully automatic menu selected state! – the menu item (and its parent items) pointing at the current page is now “selected” so the user can directly see where he/she is now in the site.
  
• Add custom icon for each menu item – You can add design icons to your menus and style them top or left, so that you can create stunning menus on your web site.
• Animated display of Main and Sub Level Menus - Adjust the appearance by Effect, Speed and Easing. Your menus can slide, fade and even jump with the amazing animation.
  
• Sticky menus – now you can pin your menu to any side of the browser and it will stay there no matter how your pages scrolls!
• Popup direction – now you can have the menus open not only downwards and to the right but also upwards and left. This is very handy, for example when your menu is pinned to the bottom.
• 2 Level nested Dynamic Menu – now you can have a 2 level nested dynamic menu – perfect for Mega menus
• Context Menu positioning – now you can popup the context menu not only on mouse position but also relative to the trigger element, for example on its bottom or right side.

The Universal CSS Navigation Menu comes with multiple great designs that can be used to fit a menu into a website. However some times you need just a bit more CSS Styling to make them fully fit your site.

iHome Navigation Demo

In this demo you will see the new feature added in the latest version of Universal CSS Navigation Menu - autoplace of active state to the element that best fits the current page URL.

  

Sticky Navigation Menu Demo

• Many Menu Types Supported – With Universal CSS Navigation Menu you can make Dropdown Menus with Sub Menu, create Mega Menu, Popup Menus or even Context Menus!
  
  
• Sticky menus – now you can pin your menu to any side of the browser and it will stay there no matter how your pages scrolls!
  
• Floating Menus – the menus are now so smart that if there is no available space to popup they will expand in the opposite direction where there is enough space.
  

• Dropdown menu with sub menus
  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

• Popup direction – You can have the menus open not only downwards and to the right but also upwards and left. This is very handy, for example when your menu is pinned to the bottom.
  
• Popup/Context Menu – You can popup the context menu not only on mouse position but also relative to the trigger element, for example on its bottom or right side.
  
  

• Animated display of Main and Sub Level Menus - Adjust the appearance by Effect, Speed and Easing. Your menus can slide, fade and even jump with the amazing animation. 

 

•  Fully cross browser compatible - The Universal CSS Navigation Menu is a jQuery based, build only with HTML & CSS - no Flash what so ever! It even supports IE6 next to the other major browsers.
  
  
• Search engine friendly – The Universal CSS Navigation menu is pure HTML and CSS based and generates search engine friendly HTML code that can be nicely indexed by all search engines and web spiders.

• Dynamic from Recordset Menu - Set the site with a server type (PHP, ASP-VB, ASP-JS etc.) and create a database that will serve as a source for your menu items. You can also have a 2 level nested dynamic menu – perfect for Mega menus
  

•  Great Dreamweaver Integration - Interactive dialog in Dreamweaver with all the options you'll need.

•  An inline property inspector so that you can easily change visual options later on.

•  Full Support for the DMXzone Behavior Connector - You can easily bind other DMXzone extensions such as Sliding Billboard, DMXzone Lightbox and Flash MP3 Player that can be controlled through the Behavior Connector.

 

Mega Menu Demo

Vertical Menu with Custom Icons Demo

You can add design icons to your menus and style them top or left, so that you can create stunning menus on your web site.

Context Menu Sample Demo

Click inside the gray border to preview the custom context menu. Meanwile the default context menu is disabled on the page.

Universal CSS Navigation Menu Styles Overview

Right-clik anywhere on the page and from the custom context menu (also build with Universal CSS Navigation Menu) choose a different style and/or layout. Click away from the context menu to close it.

Controlling Sliding Billboard with Universal CSS Navigation Menu

Christmas Cards & Decoration Demo

This demo combines Universal CSS Navigation Menu and DMXzone Lightbox. Click on the thumbnails inside the two Mega Menus in order to open the original images into a lightbox window.

Creating Horizontal Menu with Sub Menus
With this movie we will show you how to create a Horizontal Menu with Sub Menus using Universal CSS Navigation Menu.

Watch the movie

Set up Menus Pinned to the Sides of your Screen
With this movie we will show you how to set up menus pinned to the sides of your screen using Universal CSS Navigation Menu.

Watch the movie

Creating Dynamic Mega Menu from an Existing Database Table
With this movie we will show you how to create a Dynamic Mega Menu from an existing database table using Universal CSS Navigation Menu.

Watch the movie

Creating Horizontal Mega Menu
With this movie we will show you how to create a horizontal Menu bar with Mega menu using Universal CSS Navigation Menu.

Watch the movie

Creating Dynamic Menu from Recordset
With this movie we will show you how to create a dynamic menu from an existing recordset.

Watch the movie

Creating Custom Context Menu
With this movie we will show you how to create a custom Context menu, available for any element on your page using Universal CSS Navigation Menu.

Watch the movie

Version 1.0.4

• Allow custom frame names to be used as link target
  
• Improved menu pin settings 
• Improved working in Dreamweaver Templates
  

Version 1.0.3

• Integration with DMXzone Icon Finder, allows you to quickly add cool icons to your menu
• Full ARIA support for accessibility, see http://www.w3.org/WAI/PF/aria/
  
• Improved keyboard navigation
• Improved Dreamweaver CS5 installer
  

Version 1.0.2

• Now fully Accessible with Keyboard Only - the Universal CSS Navigation Menu complies now to all WAI Web Content Accessibility Guidelines and Section 508 web standards making it fully accessible to people with disabilities
• New fully automatic menu selected state! – the menu item (and its parent items) pointing at the current page is now “selected” so the user can directly see where he/she is now in the site.
  
• Improved generation of valid XHTML code
• Great improvement for the design preview of the menu in Dreamweaver
• Fixes for the search form in IE
• Improved include files linking and update
• Various bug fixes

Version 1.0.1

• Sticky menus – now you can pin your menu to any side of the browser and it will stay there no matter how your pages scrolls!
• Popup direction – now you can have the menus open not only downwards and to the right but also upwards and left. This is very handy, for example when your menu is pinned to the bottom.
• Floating Menus – the menus are now so smart that if there is no available space to popup they will expand in the opposite direction where there is enough space.
• Menu alignment – align your menu to left, right or center
• Multi row Mega Menu – now you can have mega menu with multiple rows and columns!
• 2 Level nested Dynamic Menu – now you can have a 2 level nested dynamic menu – perfect for Mega menus
• Context Menu positioning – now you can popup the context menu not only on mouse position but also relative to the trigger element, for example on its bottom or right side.

Update Procedure:

Just open a page using the Universal CSS Navigation Menu. You will see a progress bar indicating new files are being copied. After that a dialog will popup with the list of the new files. Depending on if you have remote site defined and you have site synchronization enabled, the files will be automatically synchronized or you will be presented an option to upload all files.

You will need to reedit your existing menus. Just select each one of them, in the Property Inspector click on the “Edit Menu” button to bring the edit menu dialog. Just click on OK and the Universal CSS Navigation Menu will be regenerated. Make sure you do that for all your menus. Save and upload your pages and you are done.