Create more advanced, complex and exciting DHTML Menus with the press of a button by using the NEW "Multiple Rows and Columns" feature. added in the Group Style Editor's <Type> property in AllWebMenus!

Examples:

Multiple Rows:

Multiple Columns:

Note: In this demonstration AllWebMenus DHTML Menu Maker version 5.1 build #734 was used.

 

Tags: , , , , ,

 

Floating Images can now be added to any of the items of your DHTML menu, allowing for even more creative menu implementations.

Floating Image DHTML

- The fact that a "floating image" appears above the item's layer gives it the opportunity to exceed the item's area!

- Have a look at the following examples, where we have decorated one menu for Christmas and another for the Basketball's finals by just adding a "floating image" on the items you want and for any of the three states of the menu (Normal, Mouse Over or Mouse Click):

Floating Image Example Javascript

AND

Floating Image Example CSS

Note: In this demonstration AllWebMenus DHTML Menu Maker version 5.1 build #734 was used.

 

Tags: , , , ,

 

We are happy to announce that we have released version 5.1 Build #734 of AllWebMenus Pro - DHTML Menu / JavaScript Menu Maker.

Features and fixes of the new version:

- The Border property now supports "individual" borders for any of the 4 sides (top, bottom, left, right) of both Groups and Items, allowing for many new interesting effects.

- Fixed a problem where an item in "HTML - Full Mode" did not respond correctly to mouse events.

- Fixed a problem when editing the <Item Text> property and the DPI was more than 120.

Use cases of the new "Separate Borders" feature:

Note: The "Separate Borders" feature along with the following use cases were recommended by Charles Mote, President of Mote Marketing Inc. (www.motegrafx.com) through detailed specifications (with screenshots on suggested User Interface, etc.). Many thanks to Charles for his constructive and detailed feedback.

Version 5.1.734 has made it possible to apply individual borders to any of the 4 sides (top, bottom, left and/or right) of a navigation bar, main menu, or submenu item (as can be done with CSS border attributes).

For example, there are many situations in which it is desirable to have a border only at the bottom of a main menu item (to indicate that it is highlighted).

Example:
Menu Item 2 has a 3 pt. BOTTOM border to provide a subtle highlight:

In another very common scenario, the user should be able to place a border on only the right side of each main menu item (except the furthest right), to act like a “pipe” separator between menu items.

Example:
Menu Items 1 and 2 have a 3 pt. RIGHT border only to provide a separator without the use of any images:

javascript_menu_pipe

javascript_menu_pipe_form

You can also view an online menu example that demonstrates more use cases of the "Separate Borders" feature.

 

Tags: , , , ,

 

You now have the ability to set custom appearance time delays in the submenus of your DHTML Menu through the enhanced <Submenu Group Appears - How> property!

- The functionality of the old <Appears - When> property has been transferred to the enhanced <Appears - How> property, so that all features related to how the group appears are together (Arrow [1]).

- You can now specify how many milliseconds should the mouse remain over the parent item in order for the group to appear, through the new "Appearance Delay" feature (Arrow [2])!

- Arrow [3] shows the "Special Effects" feature. All "Unfolding" effects are now smoother than before! Plus, a new "Unfolding 3" effect has been added.

Note: In this demonstration AllWebMenus DHTML Menu Maker version 5.1 build #732 was used.

 

Tags: , , , ,

 

Update - April 10th, 2008: In the following demonstration build #732 is used. Since build #734 the <Border> property's interface and functionality have changed! Find more information about these changes here.

Enhance your DHTML menus by adding a different color to each border of your menu.

An example demonstrating this new feature in use follows:

In order to change the color of each border of the Main Menu Group, then do the following:

- Go to the Main Group Style Editor.
- Click to edit the border property and uncheck the "Same color for all borders" box.
- You can now edit the color of each border individually just by customizing the color properties!

You can follow the same steps in order to change the border property of any Group (Main or Sub), and any Item (Main or Sub).

Note: In this demonstration AllWebMenus DHTML Menu Maker version 5.1 build #732 was used.

 

Tags: , ,

 


© 2009-2013 Likno Blog – Drop-Down Menus, Javascript Menus, CSS Menus, jQuery Scrollers/Sliders, Modal Windows