In this post we show how you can position your menu to your WordPress site/blog using AllWebMenus Pro and AllWebMenus WordPress Plugin.

Assuming that you have already installed AllWebMenus WordPress Plugin to your WordPress site/blog, let’s see how you can position your menu.

Step 1: Go to Plugins –> Installed Plugins 

Installed Plugins in WordPress

Step 2: In your Installed Plugins you will AllWebMenus WordPress Menu Plugin, click on Settings.

AllWebMenus WordPress Menu Plugin settings

Step 3: On Menu Positioning Method you have the following choices:

AllWebMenus WordPress menu positioning methods

Custom position: you can choose custom position in cases that you need to position your menu relative to an existing element/image in your page or in case you want it to a specific place.
If you choose custom position make sure that you set the related positioning properties in your AllWebMenus (application).
You need to set your menu positioning relative to an element that already exists in your page or if you set it relative to an element that is not currently in your page, make sure to add it.

Menu positioning relative to an element

Note that you can also leave the default menu positioning in your AllWebMenus (which is relative to Window), so the menu will appear relative to window.

Widget: you can choose the widget menu positioning method in case you want the menu to appear in your themes sidebar. If you choose this method, you don’t need to make any menu positioning changes in AllWebMenus (application) as AllWebMenus is going to take control of this.
This option requires you to go to Appearance –> Widgets

WordPress Widgets

In the Inactive Widgets you will find a widget called AllWebMenus: {your menu name}, Drag this from Inactive Widgets

WordPress AllWebMenus inactive widget

and Drop it where you want it to appear.

AllWebMenus WordPress active widget

Theme Menu Location: In this method you will usually see the “Theme Menu Location: primary…” and in some cases if the theme supports it you may see the “Theme Menu Location: secondary”. These are the predefined menu positions that your theme provides.
In case, you select the Theme Menu Location method you don’t need to change anything according to menu positioning in AllWebMenus, as the application is going to take control of that.

The above is only part of the menu positioning, you need to follow all the steps in order to create a menu for your WordPress site/blog. You can find all the instructions here:

 

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

 

Knowledge Base support case for AllWebMenus,  abstracted and stripped of all user’s private info.


Initial Email From:
User
al Email Subject: Allwebmenus Pro
Support Case Month: February 2013

I am looking to make a wordpress site that resembles  http://diablo3blog.blogspot.com/ I want my blog and pages to have the ability to have multiple top menus like the above link as well as a side bar link menu using http://wpmegamenu.com/help/  or your floating menu .
Is this something your program would be able to do without using any drop down menus of any sort?  Is your plugin compatible with most wordpress themes or do I need a theme made by you?

Reply From: Likno Customer Support

Hello,

You can easily achieve the specific “multiple menu” effect in two ways:

1) You can actually have multiple menus linked into WordPress, or even better

2) You can create a single menu with multiple rows:

multi row horizontal menu

Regarding the left menu, this is a pretty simple vertical menu, so no problems here either. The only thing that we do not support is this specific mouse-over effect in the menu items.

Overall, AllWebMenus will allow you to create and add as many menus as you want in your WordPress site. Each menu can have any menu type you want (horizontal, vertical, sliding), with multiple rows/columns (or not), with or without submenus (sliding or floating), etc.

Of course our menus will work with all WordPress themes, and in all the latest browsers and mobile devices.

Best Regards,
Kostas
Likno Customer Support
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

 

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

 

Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.


Initial Email From:
Judy
Initial Email Subject: Additional Purchase Question
Support Case Month: July 2012

Does the Server Side API work with OpenCart?

I noticed the Unlimited Server Side API being offered as a gift for free with purchase of All Web Menus Pro. I already have licenses to All Web Menus Pro, Button Maker and Photo Frame programs. It seems silly to me to buy just the API when I could purchase AWM and get it for free, but I already have it.

Thanks!
Judy

Reply From: Likno Customer Support

Dear Judy,

The Server Side API is a JavaScript API that allows you to generate menus with JavaScript Code. It requires that you do some manual coding and usually the user writes PHP or ASP code that “produces” the required JavaScript code for the menu.

I just want it to be clear that it is not something that will automatically connect to your database and create the menu for you.

You can see an example with step-by-step instructions here:

http://www.likno.com/addins/dhtml-menu-serverside-example.html

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Judy

Thank you so much for the information. I am familiar with the term API, so I understand I'm taking on some coding and possibly some head banging :)

I want to incorporate the menu being used on a website with its corresponding WordPress Blog and OpenCart Storefront, so I believe this is the tool I will need.

Cheers and thanks again!

Judy

 

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

 

Dear Likno users, we are pleased to announce that we have just released our new product: The Likno Web Scroller Builder!

Likno Web Scroller Builder is a feature-rich tool for creating stylish, html scrollers/sliders for your web pages, with minimal effort and coding.

jQuery scroller/slider 1jQuery scroller/slider 2

View interface screenshots

Major Features
  • Rich and powerful interface!
    web scroller interface
  • Cross-browser
    Javascript engine supports all browsers, such as IE, Firefox, Chrome, Safari, Opera, Mozilla, Konqueror and more.
  • Cross-platform
    Javascript engine supports all platforms, such as Windows, Mac OS X, Linux, smartphones (iPhone, Android, Windows Phone, BlackBerry 6+) and more.
  • Cross-editor
    Works with all authoring tools (such as Dreamweaver, Expression Web, NetObjects Fusion, CoffeeCup, etc.), even a simple text editor!
  • Cross-CMS
    Works with all CMS and Blogs (such as WordPress, Joomla, Drupal, Typo3, DotNetNuke, Expression Engine, CMS Made Simple, etc.).
  • Create cross-browser jQuery scrollers to display content (items) that scroll horizontally or vertically when visitors click on (or mouse over) special navigation arrows, bars, and more.
  • ... OR make the scroller behave as a "SlideShow": its items sliding (scrolling) automatically, one at a time, at specified duration and direction, with looping or not, pause on "mouse over" and more.
    scroller slideshow
  • Use simple text, HTML code, images, videos (YouTube, etc.), animations, Flash as the content of your scroller items.
  • Create projects fast by using ready-made examples already installed in the application.
  • Universal: Use in all authoring tools (Dreamweaver, Expression Web, etc.) and CMS platforms (Joomla, Drupal, WordPress, etc.).
  • Create any type of jQuery scroller, such as: html scroller, javascript scroller, css scroller, ajax scroller, web scroller, vertical scroller, horizontal scroller, marquee, ticker, dhtml scroller, jquery ajax scroller, etc.
  • Use any of 4 methods to populate your scrollers with content:
    1. Scroller is populated by the project properties (within the application)
    OR
    2. Scroller is populated by a UL/LI structure, located inside your page.
    OR
    3. Scroller is populated by DIV elements, located inside your page.
    OR
    4. Scroller is populated by an external feed, such as RSS, ATOM, XML.
  • Position your scrollers easily on page and anywhere you like, with many options:
    1. Insert into a page element of your choice (div, span, td, etc.).
    OR
    2. Replace a page element (vs "insert into").
    OR
    3. Replace an image of your choice.
    OR
    4. Float, relative to the browser window (any corner).
    OR
    5. Float, relative to a page element of your choice (any corner).
    OR
    6. Float, relative to an image of your choice (any corner).
  • Customize the style of your scrollers through CSS ("css scrollers").
    CSS on scrollers
  • Apply images creatively to create interesting scrollers (images on scroller items, images on different "areas" such as "Top", "Bottom", "Left", "Right", etc.).
  • Use multiple scrollers on the same page (with the same or different styling).
  • Use additional Areas to your scroller around the main "Items Area" for extra information (a title, a footnote, etc.): the "Top Area", "Bottom Area", "Left Area", "Right Area".
    html scroller areas
  • Add dynamic content (database-driven or programmable) to your scrollers.
  • Use a tooltip on every scroller item (optionally), with plenty of styling options and dynamic HTML content.
  • Use a variety of transition behaviors (Continuous, Step by Item, Step by Page) and transition effects (Instantly, Fade, Slide), etc.
    html scroller transition effects
  • Use a variety of Navigation Bars to navigate through the scroller items. With CSS and dedicated properties to fully customize the appearance of "First", "Previous", "Next", "Last" buttons, text label, item numbers, background of the bar, mouse over effects and more.scroller navigation bar properties
    scroller navigation bars
  • Use a variety of Navigation Arrows to navigate through the scroller items (combined with the Navigation Bar or not). With many CSS and dedicated properties to fully customize their appearance.scroller navigation arrows propertiesscroller navigation arrows
  • Use Bullets to show paging (or even navigate through the scroller items).
  • Set a specific scroller item to be initially selected (on page load).
  • Use Rounded Corners around the scroller. Available in browsers that properly support CSS3 (IE9+, Opera 10.50+, Firefox 3.5+, Safari/Webkit 522+, Chrome and others). You can adjust the roundness of each corner all together or even separately!
  • Apply a Shadow to the scroller, in browsers that properly support CSS3 (IE9+, Opera 10.50+, Firefox 3.5+, Safari/Webkit 522+, Chrome and others).
  • Allow keyboard navigation on scrollers. The visitor can use the arrow keys to navigate through the items and the "P" key to "play/pause" their movement (if
    scroller keyboard navigation
  • Use complete help for all properties and procedures. Press F1 while you are on a property to immediately receive Help for that property.
  • Access additional designs (examples) of interesting scrollers, besides the designs coming with the application (note: applies to "Unlimited Domains" users).
  • Powered by the popular jQuery open source library.

All features here: http://www.likno.com/jquery-scroller/index.php

Download here: http://www.likno.com/jquery-scroller/download.php

 

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

 


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