Free Horizontal Css Menu With Icon by Deluxe-Menu.com
Free Horizontal Css Menu With Icon

Template:






    - Sound support!
    - Submenus automatically scrolls
    - Items with icons
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Hundreds of pre-designed templates
    - Cross-frame support - menus work on frameset-based pages
    - Horizontal or vertical orientation
    - Keyboard navigation - press Ctrl+F2 to enter the top menu




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

Menu Screenshots

Free Horizontal Css Menu With Icon Javascript Pop Up Menu Tutorial

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

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
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
Dhtml Drop Down Menu In Free Horizontal Css Menu With Icon
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
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!
Easy Setup
  • De Luxe Tuner. GUI interface to create your free horizontal css menu with icon menus easily and in no time
  • Sensible menu parameters for manual editing



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: It is mostly working now except where I have two rows of nav tabs.. The top row opens new pages and the bottom row is just regular div tabs... works fine in IE and Firefox but not Chrome... any ideas?

A: Try to open links in the following way:

  var bmenuItems = [
["Overview","link:Sun_Cabo_Services.asp", "", "", "", "", "0", "", "", ],
["-"],
["Villa Services","link:Cabo_Villa_Services.asp", "", "", "", "", "0", "", "", ],
["-"],
["Chef/Cook Services","link:Cabo_Chef_Services.asp", "", "", "", "", "0", "", "", ],
["-"],
["Spa Services","link:Cabo_Spa_Services.asp", "", "", "", "", "0", "", "", ],
];

Q: This is al I got from the goggle code generator:

<!-- Code for Deluxe Menu Items. Generated by Deluxe Tuner -->
<div id="dmlinks" style="font:normal 9px Verdana;color:#000000;text-decoration:none">
</div>
<!-- End of Code for Deluxe Menu Items -->


A: You should create your menu at first and then click Tools/Generate SE-friendly Code (F3).


Q: I would like to have the dhtml sliding menu save the state when reloading or refreshing the browser.Can this be done with the expandable menu? If so, what is the syntax?

A: You should use the following parameter:

  var tsaveState = 1;

Example, you can find here:
http://deluxe-tree.com/data-samples/tree-menuxp-save-state.html

Q: As I have stated before, your Deluxe-Menu is very very good.

But there is allways room for improvement.

Is there any chance to see support for the following in Deluxe-Menu:

When I move the mousepointer above a menuitem and right-click I would like to see in the javascript contextual menu (the context menu provided by the browser):

Open Link in new window
Open Link in new tab

If the above is not possible or not something you want to enable.... then, there should be possible to make a workaround to make this work:

I see there is support for custom javascript contextual menus.....
.... is there any possibility to make a custom context menu that show above a menuitem and that show when right clicking on the menuitem.
Should hopefully be possible to create in such way that I create one context menu in javascript (the deluxe menu way... ) , but when clicking on "Open link in new window" from that custom menu, then the JS code should call a javascript function of mine (or yours), with a parameter related to the menuitem that was right-clicked...
And this javascript function should be able to resolve the actual URL (based on the input parameter rel. to the menuitem) and then open a new window using window.open()

If not possible to implement using the native browser context menu, then I belive it should be possible to do it using my workaround how to.....
Just a thought....
Any suggestions on how I can make the workaround work, or if maybe you could support the workaround in some way in future releases of Deluxe-Menu?

A: Yes, there is a workaround.
You can write your items in the following way:
 ["|<a href='http://www.domain.com' class="link">test test test</a>",""],

You should assign style for this link.
A.link {
...
}
A.link:hover {
...
}

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