A popular feature you may come across in Web pages, is to swap images in a specific area of the page whenever you mouse over the menu's items. It is a feature that is being requested often of some of our customers too. This feature can be easily implemented by a menu that has been built by AllWebMenus Pro application.

One way to implement this feature is to go to the "Menu Editor" of the AllWebMenus Pro, choose the item(s) of the menu you want to have this behavior and then place the appropriate JavaScript code into the "JavaScript Command" property of this item (see the image below).The JavaScript code you must place into this property must be any valid JavaScript code (e.g. an already defined function in your HTML page) and it is in your responsibility to provide this valid code.

You can also implement this feature using the "Floating Image" property of the item. There you can define the image you want to appear whenever you mouse over this item and the area of your page that this image will appear by providing the appropriate x, y offsets. You can find all the appropriate information about the usage of the floating images in the following link of our company's blog site: http://www.likno.com/blog/allwebmenus-dhtml-menu-maker-floating-images-new-feature/249/

However, the second way is not recommended because you need to be more careful when managing the offsets; for example you may encounter problems in the display of your image when you re size the browser's window.

 

Tags: , , , , , , , , , , , ,

 

AllWebMenus Pro version 5.1 Build #764 released. Check out what’s new in this version:

- A 3rd style (Style+) is now available for all submenus and items of 3rd level and beyond. This allows for many new interesting capabilities, like different appearance on last submenus, advanced behavior on sliding menus and more!

Available Menu Style

Style+ example

Available Styles menu

(sliding menus taking advantage of Style+):

Sliding Menu 2 Sliding Menu 1

- Added more "Copy & Paste" options in Style Editor, for quicker transfer of edited values to other styles.

copy & paste values

- Enhanced the "Assign Style" functionality for easier style assignments.

Assign Menu Style

- New versions of Addins included inside AllWebMenus.

- New free Themes added that use the Style+ (3rd style) capability: Juice, FlatSky, Fading Purple, Orange Bubbles.

Juice Menu Theme

Flatsky Menu Theme

Fading Purple Menu Theme

Orange Bubbles Menu Theme

- Theme Pack 36 also available in Theme Gallery that uses the Style+ (3rd style) capability.

Menu Theme Pack 36

- Fixed an issue on IE8-RC1 when submenus used unfolding effects.

- Fixed an issue with the <Item Text> property, which caused the application to crash when it had a very large text.


Download the new build of the software from http://www.likno.com/download.html or from your Likno User Area account.

 

Tags: , , , , , , ,

 

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:

Available Styles menu

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:

 

Tags: , , , , , , , , , , , ,

 

Microsoft has recently released the RC1 version of its new Internet Explorer 8 browser.

The new version 5.1.764 of the AllWebMenus Web Menu Maker has included several fixes that deal with issues related to the changes made in this new IE8 browser.

If you do not want to wait for the final release of IE8 (recommended), you may download the latest version of AllWebMenus from www.likno.com/download.html (or from your Likno User Area account), install it, recompile your menus and upload to your server the updated menu file AND the –also updated- awmdata folder that contains the libraries – and also the fixes.

We are continuously testing the AllWebMenus application with all updates of the IE8 BETA; however some issues are still present under specific conditions and the Microsoft team is working on resolving them (see a list of IE8 BETA bugs here: http://www.gtalbot.org/BrowserBugsSection/MSIE8Bugs/ )

When the IE8 browser is officially released, these BETA-related issues will not be affecting your menus, unless Microsoft does not fix its own bugs!

Read below how Microsoft treats IE8 and the problems we all may face if action is not taken by Microsoft:
http://blog.eizesus.com/2009/02/ie8-rc1-ie6-again.html

 

Tags: , , , , , , , , , ,

 

If you are a user of AllWebMenus Pro and you have purchased a Theme Pack you need to follow some steps in order to install it and be able to use it within AllWebMenus Pro Web Menu Builder.

First of all, you need to log into your Likno User Area account and download the purchased Theme Pack; click on the link “Themes: Download / Purchase”  of the “AllWebMenus Menu Templates / Themes” section.

After you download the Theme Pack which is in a zip file, you have to extract all the files (from the zip file) into the “Theme Gallery” fodler of your AllWebMenus Pro installation. For example, if your AllWebMenus installation is located at: C:\Program File\AllWebMenus5\…. then just extract all files into the following folder: C:\Program File\AllWebMenus5\Theme Gallery. This adds the new Themes into  the “Vertical” and “Horizontal” folder of your Theme Gallery.

Note! Theme Packs 1-33 can be used from version 4.x and 5.x of AllWebMenus Pro, whereas Theme Packs 34 and 35 can be used only from version 5.x and above of AllWebMenus Pro.

Version compatibility of future released Theme Packs will be denoted on specific posts accordingly.

 

Tags: , , , , , , , , ,

 


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