Wordpress Themes Menus by Deluxe-Menu.com
Wordpress Themes Menus

Template:

iPhone 18 Template - Dropdown Submenu






    - Search feature - add the search area in the menu and type symbols.
    - Cross-frame support - menus work on frameset-based pages
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Submenus dropdown on mouseover
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - 85% transparency for sub menus
    - Image arrows
    - Relative/Absolute menu position




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Wordpress Themes Menus Css Cascading Menu

Buy Now!   ::  Free Trial Download   ::  More Info

Features

Cost Effective
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items
Web Design Pulldown Menu Wordpress Themes Menus
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed wordpress themes menus samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Easy Setup
  • De Luxe Tuner. GUI interface to create your wordpress themes menus menus easily and in no time
  • Sensible menu parameters for manual editing
Unrivalled Features
  • Scrollable, dragable, floating, right-click menus
  • Keyboard navigation - press Ctrl+F2 to enter the menu
  • Unique Java Script API for altering menu "on-the-fly", without page reloading
  • AJAX technology - loads menu data from the server "on-fly and on-demand".
  • Search feature - add the search area in the menu and type symbols. The found words will be higlighted.
  • Sound support!



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: How does one go about changing the parameter or the menu in java script so that a menu selection stays 'on'?
In other words, the menu remains selected, perhaps in a background color that shows the user this menu choice is selected and the user is in the selected menu area.


A: To save your navigation path you should set the following parameter:

  var saveNavigationPath = 1;
The menu keeps items highlighted during menu navigation.
0 - disabled, 1 - enabled (default).

You can highlight menu items by default in two ways:

1) Set the pressed item on each page idividually using the following parameter:

  var pressedItem = -2;
The toggle mode. Sets an index of an item that will be highlighted by default.
-2 - the toggle mode is disabled;
-1 - the toggle mode is enabled, but no items highlighted by default;0,1,2,3,... - index of highlighted item in a top-level menu.
- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, for example:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script >
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript">  var pressedItem=2;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>

2) Set the pressed item/subitem using dm_ext_setPressedItem () function.

Please see more info here:
http://deluxe-menu.com/highlighted-items-sample.html

Q: Under Parameters ->> Dimensions ->menuWidth
Even I change the value such as 150px it doesn't have any effect on javascript dhtml menu itself.

Changing menuHeight property such as menuHeight = 123px moves menu down from the top of the page instead of changing height of the menu itself.

I used templates ->> vista -> vista style 3-03 to generate the javascript dhtml menu and modified it.

A: See, you have itemWidth and itemHeight in the Individual Style.

  var itemStyles = [
["itemWidth=94px","itemHeight=23px","itemBackColor=transparent,transparent","itemBorderWidth=0", "fontStyle=bold 10px Tahoma","fontColor=#FFFFFF,#FFFFFF", "itemBackImage=data-vista-3-03.files/btn_cyan.gif,data-vista-3-03.files/btn_cyan2.gif"],
];

You cannot set the less value for the menuwidth in that case. You canset only the bigger value:

  var menuWidth="550px";

To change the menuHeight you should also use itemHeight parameter, forexample

itemHeight=123px



Q: I am in the process of setting up a new html menu bar, but seem to be having trouble getting it to work via Internet Explorer 8.0.

Instead of making drop-downs, it only makes little symbols. However, it works fine via Firefox.

A: Try to use v3.3. It is compatible with IE8.

Q: I cannot see the arrow.gif's in my rollover drop down menu.

Here is my code:
  var arrowImageMain=["menudir/arrow_main3.gif","menudir/arrow_main3.gif"];
  var arrowWidthSub=0;
  var arrowHeightSub=0;
  var arrowImageSub=["menudir/arrow_sub5.gif","menudir/arrow_sub4.gif"];

Do I need to put the arrow's somewhere else?

A: You should check the following parameter:

  var pathPrefix_img="data-samples/images/";

Please check that you have the correct path to your aroows relative to the folder withindex.html file.

For example, you have:
menudir/
menu.js
dmenu.js
arrow_main3.gif
...
index.html

In menu.js file you should write:
  var pathPrefix_img="menudir/";
  var arrowImageMain=["arrow_main3.gif","arrow_main3.gif"];
  var arrowImageSub=["arrow_sub5.gif","arrow_sub4.gif"];

or
  var pathPrefix_img="";
  var arrowImageMain=["menudir/arrow_main3.gif","menudir/arrow_main3.gif"];
  var arrowImageSub=["menudir/arrow_sub5.gif","menudir/arrow_sub4.gif"];

Buy Now!   ::  Free Trial Download   ::  More Info