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

Template:

iPhone 20 Template - Mouseover CSS Menu






    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Cross-frame support - menus work on frameset-based pages
    - UL/LI items structure
    - Relative/Absolute menu position
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Top items and submenus have a shadow
    - Submenus dropdown on mouseover
    - Items with icons




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

Menu Screenshots

Web Templates Menu Click Pop Up Menu

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

Features

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
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
Top Menu Java Web Templates Menu
Cost Effective
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
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.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: My site has three levels of a folder structure.  Can I create a menu that will allow me to link in and out of folders?  Or must I design three menu's with different link locations. 


A: You can use one menu.

Use additional parameters to make menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";
  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif

Please, try to use these parameters.


Q: Is it possible to change the background color of just one of the menu buttons within a javascript expand menu?

A: Yes, it is possible.
Use Individual Item Styles.

Create Individual Item style and assign it to your submenu items usingDeluxe Tuner.

  var itemStyles = [
["itemBackColor=#800000,#FF8080"], //style0
];

["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "deluxe-menu.files/icon1.gif","deluxe-menu.files/icon1o.gif", "", "", "0", "", "", "", "", ], //style0
 ["|Features","testlink.html", "", "", "", "", "0", "0", "", "", "", ],
 ["|Installation","", "", "", "", "", "0", "", "", "", "", ],
   ["||Description of Files","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "0", "0", "","", "", ],
   ["||How To Setup","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "0", "", "", "", "", ],
...

Q: I'm trying out the cross-browser (top to bottom) drop down menu and I was wondering if it was possible to have the top bar (the main items) use a background image while the sub-items beneath used a plain background color and no image?

So far I've gotten them to either both use a background image, or both use a background color. Any advice would be greatly appreciated. :)

A: Actually you can create any menu you like with Deluxe Menu.

You can use Individual Styles to set background image for the items

  var itemStyles = [
["itemWidth=92px","itemBackImage=deluxe-menu.files/btn_black.gif,deluxe-menu.files/btn_black_blue.gif"],
];

oryou can use images instead of icons (you should delete item's text).

["","", "deluxe-menu.files/btn_black.gif", "deluxe-menu.files/btn_black_green.gif", "", "", "", "", "", ],



Q: I appreciated your prompt response.  However, if I set the exact height for easy tabs content, certain tab's content will not show up fully.  We need to have every tab has different height in this site.  Do you know why IE 7 doesn't behavior properly but IE 6 does?  Can you provide a work around for me ASAP?

A: In that case you should delete height parameter at all from yourstyles.

<div id="content1" style="visibility: hidden;" class="tabPage">

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