Css Examples Menu Free by Deluxe-Menu.com
Css Examples Menu Free

Template:






    - Sound support!
    - Top items and submenus have a shadow
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Transition #14 - "fade out" effect
    - 85% transparency for sub menus
    - Text aligned to left
    - Search feature - add the search area in the menu and type symbols.
    - Status string shows item labels




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

Menu Screenshots

Css Examples Menu Free Html Script Animated Separators

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

Features

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 css examples menu free menus easily and in no time
  • Sensible menu parameters for manual editing
Tree Drag Drop Web Javascript Css Examples Menu Free
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css examples menu free samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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



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: I’m trying to add a padding before the beforeItemImage for the sub navigation bar but I can’t do it after hours off trying it.

A: You should add a separator with blank (or white) image.
  var separatorVImage="deluxe-menu.files/space.gif";
  var separatorVWidth="7px";
  var separatorVHeight="27px";
  var separatorPadding="0px";

And assign Individual style for this item
["itemBorderWidth=0","itemBorderStyle=none,none"],




Q: How do I control the individual tab width for afloat tabs?


A:   var bmenuWidth="100%";

I have 5 items in my example, so I've created Individual Style

  var bstyles = [
["bitemWidth=20%"],
];

And assign it for all items:
["Item 1 text text","", "", "", "", "", "0", "", "", ],
["Item 2 text text","", "", "", "", "", "0", "", "", ],
["Item 3 text text","", "", "", "", "", "0", "", "", ],
["Item 4 text text","", "", "", "", "", "0", "", "", ],
["Item 5 text text","", "", "", "", "", "0", "", "", ],

But notice that items width cannot be smaller than the width of its'text.
So it is possible that you'll have different size of some itemsif your window have a small size.

Q: I have a paid version of the menu, and I was trying to add the functionality of dynamically adding net dhtml menu item

When I added the code I get the following JS error,

menu is undefined in dmenu_dyn.js (line 13)

dm_ext_addItemPos(1, 0, ["Netscape", "testlink.htm", "", 4 more...], -1)dmenu_dyn.js (line 13)
dm_ext_addItem(1, 0, ["Netscape", "testlink.htm", "", 4 more...])dmenu_dyn.js (line 13)

function dm_ext_hideAllSubmenus(mInd){_dmsm(mInd);};function dm_ext_changeItem(m...

I copied the example from your site, just to see if I can use it.

What am I doing wrong?

A: See, we have two menus on the sample's page
http://deluxe-menu.com/dynamic-functions-sample.html

That's why we write menuInd = 1
dm_ext_addItemPos(1, ...

dm_ext_addItemPos(1, 0, ["Netscape", "testlink.htm", "", 4 more...], -1)dmenu_dyn.js (line 13)
dm_ext_addItem(1, 0, ["Netscape", "testlink.htm", "", 4 more...])dmenu_dyn.js (line 13)

But if you have only one menu you should write menuInd = 0
dm_ext_addItemPos(0, ...
dm_ext_addItem(0, ...



Q: I'm trying to disable a javascript mouse over menu item using the MS Office style 2 template and having no luck. Can you please provide me a sample of the MS Office style 2 template that will disable an item on the menu by graying it out?

A: To disable menu item you should set "_" target for it.
If you want that your disabled items have a grey color (in css-basedmenu) you should create additional style for it and assign this stylefor the disabled items:
["CSSText=toptext_dis,toptext_dis"],

.toptext_dis
{
font: normal 11px Tahoma, Arial;
color: #AAAAAA;
padding: 3px;
}

 ["|What's New","", "images/icon_office_note.gif", "images/icon_office_note2.gif", ,"_","1", , , ],
   ["||Popup Mode (Contextual Menus)","", "images/icon_office_mark.gif", "images/icon_office_mark.gif", ,"_","1", , , ],

You can find more info about menu items here:
http://deluxe-menu.com/menu-items-info.html



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