Features

Easy Setup

De Luxe Tuner. GUI interface to create your atahualpa page menu bar submenu menus easily and in no time Sensible menu parameters for manual editing

Seamless Integration

Cross-frame support - menus work on frameset-based pages Visible over flash, select boxes, iframes, java applets Multiple menus on the same page Amicable to other scripts and css styles Any HTML code can be used inside menu items

Javascript Menu Samples Atahualpa Page Menu Bar Submenu

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

Professional Look-n-feel

Entirely customizable look-n-feel A lot of pre-designed atahualpa page menu bar submenu samples Hundreds of visual effects Custom CSS styles can be applied for all menu settings

Compatibility

Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux Menu can be populated from a database using ASP, PHP, etc. Search engine friendly Support for any doctypes Fits for secure sites Section 508 compliant

2.0 Buttons by Web-Buttons.com v3.0.0

Recent Questions

Q: I did have a question. I cannot seem to figure out how to get the individual menu styles to be applied to any of my items for thenavigation bar through the Deluxe Tuner. I’ve looked through through your documentation, but I cannot find anything that explains to me how I do this in the Deluxe Tuner.

A: To create Individual styles click "Edit Individual Styles..." button.

1) In the "Individual Styles" window click "Add Style", enter the nameof the new style.
2) Edit parameters of your style
4) Click "OK" button.
5) Select items (you can use Ctrl and Shift buttons to select group ofitems) and assign "Item Style"/"Submenu Style" to it. (in the "Item Parameters" window)

Q: I have an even more vexing issue. For some reason my arrows are showing up on the left side of each java dhtml menu item, it seems the arrows icons are also retaining the right side padding for the java dhtml menu items. Can you give me a hand with this?

A: Now you have the following java dhtml menu parameter:

  var dmRTL=1;

You should set it to:

  var dmRTL=0;

Q: How can I make items appear much more quickly in the drop down menu samples?
They appear but only after mouseing-over the menu and waiting for approximately one second.


A: Try to adjust the following parameters:

  var dm_writeAll=0;

  var smShowPause=100;
  var smHidePause=1000;

  var transDuration=150;
  var transDuration2=200;

You can also turn off transitional effects
  var transition=-1;

Q: I'm trying out your menus, and I seem to have a problem with changing the title of a menu item. If the text is something like "Create a New Event" the entire menu spreads out and the rollover image starts replicating itself behind it, instead fo stretching with the text. So I see 1 /2 rollover images for that top level item, instead of just the one, width it's width spread out to accomodate the extra text.

I've tried the Styles bit, but that doesn't seem to fix the rollover image any...

Any pointers ?


A: You can try to set the exact width for each menu item using IndividualItem Styles.

You should use Individual Item Styles.
For example:
  var itemStyles = [
["itemWidth=120","itemBorderWidth=1","itemBorderStyle=solid,solid"], //style0
["itemWidth=100","itemBorderWidth=1","itemBorderStyle=solid,solid"], //style1
["itemWidth=130","itemBorderWidth=1","itemBorderStyle=solid,solid"], //style2
["itemWidth=150","itemBorderWidth=1","itemBorderStyle=solid,solid"], //style3
];

["Home","testlink.htm"],
["Samples","testlink.htm"],
 ["|Group 1","", , , , , "0", , , ],
 ["|Group 2","", , , , , "1", , , ],
 ["|Group 3","", , , , , "2", , , ],

...
[" More Samples","testlink.htm"],
 ["|Group 1","", , , , , "3", , , ],
 ["|Group 2","", , , , , "1", , , ],

Where "0", "1", "2", "3" - style number in itemStyles.

You also should check the width of your rollover image. It should bethe same width as your items.

You can also use
tags in the item text, for example:

  var menuItems = [
["line 1
line 2"],
];

Or you can set this parameter:

  var noWrap=0;

Try that.