How to position a JavaScript/CSS menu in AllWebMenus Pro
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

How to position a JavaScript/CSS menu in AllWebMenus Pro

on

  • 95 views

In this presentation you can see all the Menu Positioning settings you can have in AllWebMenus Pro. This way you can understand how you can position a menu you have created in AllWebMenus Pro and be ...

In this presentation you can see all the Menu Positioning settings you can have in AllWebMenus Pro. This way you can understand how you can position a menu you have created in AllWebMenus Pro and be perfectly placed in your webpages.

AllWebMenus Pro is a powerful WYSIWYG application for creating any type of JavaScript/CSS menu (such as horizontal drop down menus, vertical menus, sliding menus, responsive menus, mega menus, floating menus, popup menus and many more).

The menus produced in AllWebMenus are going to perfectly work across all browsers, platforms, devices, editors and CMS.

The most important is that it requires absolutely no coding skills, as the application handles all the code needed.

Statistics

Views

Total Views
95
Views on SlideShare
95
Embed Views
0

Actions

Likes
0
Downloads
2
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

How to position a JavaScript/CSS menu in AllWebMenus Pro Presentation Transcript

  • 1. How to position a menu in AllWebMenus Pro www.likno.com
  • 2. AllWebMenus Pro is a powerful WYSIWYG application for creating stunning JavaScript/CSS menus. It requires no coding skills as the application handles all the code needed. www.likno.com
  • 3. You can choose from among a wide range of menu themes/templates/examples that come with the application to create your own menus. www.likno.com
  • 4. With AllWebMenus Pro you can create any type of menu, such as horizontal drop down menus, vertical menus, sliding menus, responsive menus, mega menus, popup menus, floating menus and many more. www.likno.com
  • 5. All the menus produced by AllWebMenus Pro are going to perfectly work in all browsers, platforms and devices. www.likno.com They work alike in all Editors (like DreamWeaver, Microsoft Expression Web, Net Objects Fusion, CoffeeCup and more) and all CMS (such as WordPress, Joomla, Drupal, DotNetNuke and more).
  • 6. In this presentation we are going to show you how you can position a menu you have created in AllWebMenus Pro. There are 2 main positioning options: 1. Automatically show Main Menu on page load 1.1 Relative to Window 1.2 Relative to an Element 1.3 Relative to an Image 2. Manually trigger Main Menu or any Group on user action 2.1 On Mouse Over event 2.2 On Mouse Click event www.likno.com
  • 7. In order to access the Menu Positioning settings you need to click on the “Menu Positioning” button on the top area of the application. www.likno.com Alternatively, you can click on “Global Properties” button which is in the top area of AllWebMenus and then click on Positioning.
  • 8. The first choice is “Relative to Window” which means that the menu will be positioned relative to the browser window. You are able to select the Window Anchor, which means that you can set where the menu will be positioned relative to the Window. Then you can set the Horizontal Offset (Offset X) and the Vertical Offset (Offset Y). www.likno.com
  • 9. The second choice is “Relative to an Element” which means that the menu will be positioned relative an element you specify. This element should exist in your page so that the menu can be displayed. www.likno.com
  • 10. On the Element Anchor ID you are able to leave the Default ID or specify your own by selecting the Custom and typing your element’s ID. You can set the Element Anchor and the Menu Anchor so that the menu will be positioned exactly the way you want it. Then you can set the Horizontal Offset (Offset X) and the Vertical Offset (Offset Y). www.likno.com
  • 11. The third choice is “Relative to an Image” which means that the menu will be positioned relative an image you specify. The image you select to be the menu positioning image should exist in your page so that the menu can be displayed. www.likno.com
  • 12. You need to type the image name on the “Image Filaname” field. You can set the Image Anchor and the Menu Anchor so that the menu will be positioned exactly where you want it. Then you can set the Horizontal Offset (Offset X) and the Vertical Offset (Offset Y). www.likno.com
  • 13. The second positioning method is to “Manually trigger Main Menu or any Group on user action”. www.likno.com
  • 14. First, you can select which Menu Group you want to be used as a popup menu. www.likno.com
  • 15. Then, you can select the Trigger Event. It can be either “On Mouse Over” or “On Mouse Click”. www.likno.com
  • 16. The following step is to select the Positioning Element. You have 2 choices: either to select “The same element that triggers the popup menu” or to select “Another element, with this ID” and type the ID of that element. Note, that this element should exist in your page in order for the menu to appear. www.likno.com
  • 17. The next step is to select the Element Anchor and the Group Anchor. You can also set the Offset X and Offset Y. www.likno.com
  • 18. When you have finished with all the settings you can click on the “Copy” button. Then, go to your page and paste the code to your page. You could paste that code to a link or an image for example, so that on the trigger event you have set the menu should appear. www.likno.com
  • 19. Visit www.likno.com for more information www.likno.com