What's new in MX CSS Menus

General

A new menu layout was added next to the three already provided ones: Expandable.

• You can see or hide at once all the expandable menu sub-items by using the Hide All | Show All links generated by the wizards.

You can create CSS menus in both plain HTML sites and dynamic sites.

Menus load considerably faster.

Support for database table structures different from the InterAKT one (when building database-driven menus).

Seamless integration with Dreamweaver templates.

CSS skins

The .css files were rewritten from scratch so that skins could be easily customizable.

13 out of the 14 CSS skins from the previous product version (MX CSS Dynamic Menus) were kept, and 10 more skins were created. So there are 23 skins that you can choose from, each one shaped for the 4 layouts (so 92 .css files!)

The new CSS Skin Editor helps you visually edit the current skin, and see a live preview (for the first two menu levels) in Design view.

More user-friendly interfaces in Dreamweaver

The two commands for creating CSS menus have wizards-like interfaces, allowing you to set the menu options one step at a time.

The interface of the old command for building "static" menus has been completely redesigned:

• the textarea has been replaced with a tree-like interface

• when using images for the first menu level, you can now browse to locate them in the site structure.

Contextual help is provided for each interface control.

A brand-new property inspector is available for static menus, allowing you to edit the menu at any time.

New options for the CSS menu, configurable from the user interface

You can choose one of the three animation types when a sub-menu is displayed: Zoom, Fade, Slide.

You can set an absolute position for the generated menu if you want to. Else, it will be placed relatively to the page elements.

When using the Tab layout, you can set the second-level menu to still show when the mouse-pointer leaves the menu area (Persistent tab checkbox).

Customizable menu styles from the Dreamweaver CSS panel.

By setting the Show and Hide sub-items time, you can benefit from the mouse-stabilizer feature: it means that you can reach any sub-item directly from the parent item (oblique and straight trajectory), without having to hover the first sub-item as well (trajectory formed by two perpendicular lines).

Specify the sub-menus position relative to the parent menu item:

• set the horizontal and vertical offset (positive or negative) for the sub-menu container.

• you can set sub-menus position for both 2nd level sub-menus, as well as 3rd, 4th, etc. level sub-menus.