Likno Blog – Drop-Down Menus, Javascript Menus, CSS Menus, jQuery Scrollers/Sliders, Modal Windows and more...

Hey everybody,

We have released new versions of AllWebMenus Pro: Version 5.3 builds #864 and #862.

Check out What's New:

- New "AllWebMenus Expression Web Add-in", for seamless integration with the Microsoft Expression Web product.

- Added the Add-ins for version 1 and 2 of Expression Web as installation options into the AllWebMenus installer. The Microsoft Expression Web 4 Add-in is provided as a separate download (Microsoft requirement) at http://www.likno.com/microsoft-expression-web.html. You need to download it and install it separately from there.

- Fixed an issue where the floating image was not completely visible if the parent group appeared using an "Unfold effect" (Mozilla only).

- Improved management of images, when importing an AllWebMenus project into your loaded one (images with the same name are renamed to unique names, etc.).

- Fixed an issue where a menu compiled for Joomla, did not correctly transform characters to UTF8.

- Fixed an issue where clicking on an item didn't open the URL value to an iframe (Mozilla only).

- New version of the WordPress Menu Add-in/plugin. The "WordPress Menu Add-in" now creates a ZIP file when compiling, which you then upload directly to the server (a simpler and easier process than before).

- Fixed an issue with the "Generate Menu" feature of the FrontPage Add-in.

- Fixed an issue where a submenu could dissappear in certain occasions (IE8 only).

- Fixed an issue where a submenu didn't reposition itself if its initial position was outside of the visible window (IE only).

- Fixed an issue when a group was specified to "Open automatically on page load" and its menu was of the "Floating" type. The group did not load in that case (not applicable if the menu was of the "Advanced Floating" type).

Download the new version at http://www.likno.com/download.html

Hey everybody,

We have released a new version of AllWebMenus Pro: Version 5.3 build #860.

Check out What's New:

- Full support for all Eastern languages.

- Fixed some minor issues which were caused by "bad" global CSS.

- Drupal 7 now fully supported.

- The "Drupal Menu Add-in" now creates a ZIP file when compiling, which you then upload directly to the server (a simpler and easier process than before).

- Several GUI enhancements.

- Fixed an issue where the horizontal menu appeared wider when one of its items had at least one "Has Submenu Image" (IE8+ only).

- Fixed an issue where menu items appeared smaller in Opera, in certain occasions.

- Fixed an issue where sliding groups didn't slide correctly, in certain occasions (IE9 only).

- Fixed an issue with "Cross-frame" implementations, where the submenus incorrectly positioned at Top Left of the frame page.

- Fixed an issue with "Manually Triggered Groups" implementations, where they didn't open if these groups were of the "Sliding" type (Mozilla based browsers only).

- Fixed an issue where the menu could produce javascript errors when certain (non-Likno) modal slideshows would appear on page and then closed (IE only).

Download the new version at http://www.likno.com/download.html

Since AllWebMenus v5.1.764, your menus can use 3 different styles for their groups and 3 different styles for their items:

•••• Main Group Style ••••
(initially assigned to the Main Menu Group, i.e. 1st level group)

•••• Main Items Style ••••
(initially assigned to the items of the Main Menu Group, i.e. 1st level items)

•••• Sub Groups Style ••••
(initially assigned to the 1st submenus stemming from the Main Menu items, i.e. 2nd level groups)

•••• Sub Items Style ••••
(initially assigned to the 1st submenu items contained in the above submenus, i.e. 2nd level items)

•••• Sub Groups Style+ ••••
(initially assigned to the rest of submenus stemming from the above items, i.e. 3rd level groups and beyond)

•••• Sub Items Style+ ••••
(initially assigned to the rest of submenu items contained in the above submenus, i.e. 3rd level items and beyond)

This is how a menu would look if the <Background Color> and <Border> on every item or group had the above colors that demonstrate the initial style assignments:

Note: The above assignments are the initial ones. If you wish, you can later change the assignments as wish.




Why is the 3rd style (i.e. "Style+") useful?



1. You can use themes that have different appearance on 3rd-level submenus and beyond:

Themes that use this technique: Juice, Fading Purple, FlatSky, Orange Bubbles (free, contained in your AllWebMenus by default)
You may also find extra themes using this technique from Theme Pack 36 and above at: http://www.likno.com/awmthemes.php

For example, at theme "Olive Plastic" (Theme Pack 36), its 3rd-level items (and beyond) use less padding than its 2nd-level items:

At the SlideTreeXP sliding menu theme (Theme Pack 38, "Sliding Menu Add-in" required), the 3rd-level items do not use an icon, while the 2nd-level items do:

Such arrangements would not have been possible if all submenus had the same style.



2. You can apply very interesting behaviors to sliding menus (available through the extra "Sliding Menu Add-in"), that combine both "sliding" and "non-sliding" cascading submenus!

For example, the SlideSummer sliding menu theme below (Theme Pack 37, "Sliding Menu Add-in" required)) uses a sliding submenu for all its Main Menu items, while the rest of its submenus are the standard non-sliding ones. Such "sliding/non-sliding" menu combinations are very suitable in many website layouts and would not have been possible if all submenus had the same style.



3. The 3rd-level submenus can differ from the 2nd-level submenus by only a small but very important detail, that allows for a different design if the parent group is horizontal or vertical.

At the following examples the 2nd-level submenu does not have a "Header" (its <Has Header> property is set to "No"), while the 3rd-level submenu (and beyond) needs to have a "Header" so that the design closes properly at top:

At the following sliding menu themes (Theme Pack 38, "Sliding Menu Add-in" required) the 2nd-level submenus are different than the 3rd-level submenus, either in colors, images or indentation:

Different colors & indentation:

Different icons & indentation:

Different indentation:

We offer a series of DHTML Menu / JavaScript Menu examples. These menu examples have been created with AllWebMenus and show the type/style of menus you can make by using the different features available.

Type of menu examples:

• HTML Menu
• Multiple Rows Example
• Multiple Columns Example
• Calendar Menu
• AllWebMenus 5 Style Example
• Menu Variables Example
• Server-Side Menus API
• Slide Menu
• Windows Media Player
• XP Tabs
• Windows Vista
• Windows XP
• Floating Images Example I
• Floating Images Example II
• Floating Images Example III
• IE Toolbar
• Manilla Tabs
• Horizontal Menu
• Vertical Menu
• Multiple Menus
• Menu with separators
• "Has Submenu" feature
• Javascript Commands
• Popup Menu
• Image Support
• Menu Styling
• Submenu Effects
• Sticky Submenus
• Drifty Menu
• Menu Item Images
• Header/Footer
• Cross-Frame Support

Check them all live at http://www.likno.com/examples.html