Web Templates Menu by Deluxe-Menu.com
Web Templates Menu

Menu Screenshots

Web Templates Menu Menu Without Javascript

Features

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 web templates menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Javascript Right Click Menu Web Templates Menu
Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your web templates menu 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

Javascript Menu. DHTML Menu.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.

Recent Questions

Q: Is the Deluxe Tuner application compatible with Deluxe Popup Window?
I haven't been able to use the Deluxe Tuner to create any content through Deluxe Popup Window based on the instructions on the Deluxe Popup Window website.
I feel like I'm missing instructions somewhere.

A: There are 3 types of window content in popup window:Iframe(url); Object_id; text(html content).

You can set the type of the content in the Deluxe tuner (winContent parameter).
Change popup window parameters, use templates.
Then export your project to HTML "File -> Export - > To HTML".
Open the generated data file with all popup window parameters in any text editor and make changes to your content.

For example:

content:"<div style=\"text-align:center;\"><b>Sample content</b></div>This is a simpleHTML code for content. Here you may also set link to content page or ID of some element.",

If you'll have further questions - write us, we'll try to help you. You can also write us what content you want to add inside the popup window and we'll help you to create such popup.


Q: Actually, we figured out how to adjust the alignment of the text. What we would like to do is set a specific width for each item on the top level of the menu. Right now the width of the menu is based on the length of the item in that hotspot. We would like the width of each of those options to be the same.


A: You should use individual item styles. For example:

  var itemStyles = [
["itemWidth=123px"], //style 0
["itemWidth=150px"], //style 1
];

  var menuItems = [

["Home","testlink.html", , , , , "0", , , ], //style 0
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", , , "0", , , ], //style 0
["Text","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", , , "1", , , ], //style 1

Try that.


Q: Thanks for swift reply, however:
Tried the dmenu.js (only one we use) at our trial site and get the error :
Line 13
Invalid argument

- as you know this js file is obfuscated to one line, so using a debugger does not apply.

A: See the attached example. I've upgraded your javascript layer menu to Deluxe Menu v3.0.
use data file and engine files from the attachment.

You had several errors in the structure of menuItems.

It is not correct to write

 ["| Contact us","http://www.imarex.com/home/contact_us","","","","","8","","",],
   ["||| Energy team","http://www.imarex.com/home/contact_us/energy_team","","","","","8","","",],

You should write:
 ["| Contact us","http://www.imarex.com/home/contact_us","","","","","8","","",],
   ["|| Energy team","http://www.imarex.com/home/contact_us/energy_team","","","","","8","","",],



Q: Is there a way to capture user click event just like the one in the javascript menu sliding?

A: Unfortunately, you can't assign onmouseover/onClick/onContextMenu event to each item.
However, you can achieve this by using standard html objects within items, for example:

  var menuitems = [
["<div onContextMenu='your_code_here'>item text</div>", ""]
];