Css Menu Bar Divider Lines by Deluxe-Menu.com
Css Menu Bar Divider Lines

Menu Screenshots

Css Menu Bar Divider Lines Toolbar Javascript

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!
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
Best Ever Dhtml Menu Css Menu Bar Divider Lines
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css menu bar divider lines 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 css menu bar divider lines menus easily and in no time
  • Sensible menu parameters for manual editing
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

Javascript Menu. DHTML Menu.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

Recent Questions

Q: I'd really appreciate any info on how I can create dhtml menu on Mac..


A: Unfortunately we don't have step by step tutorial now.
We'll try tocreate it in the nearest time.

HTML version of Deluxe Tuner (MAC version) can be downloaded
http://deluxe-menu.com/deluxe-tuner-info.html

1. Create your menu in Deluxe Tuner application.
You can create any menu as you like in Deluxe Tuner.

You can use ready to use templates. I'm sending you package with all
templates. Just open data file in Deluxe Tuner.

Add items and subitems using buttons "Add Item" and "Add Subitem" onthe main window.
You should set items and subitems parameters on the "Item Parameters"window.
See also other parameters for the menu on the main window.

More info about menu parameters you can find on our site
(you can alsouse local version of the site which you can find in the
trial package"Deluxe Menu / deluxe-menu.com /")

http://deluxe-menu.com/parameters-info.html
http://deluxe-menu.com/menu-items-info.html

You can also use Individual Styles for items and subitems:

http://deluxe-menu.com/individual-item-styles-info.html
http://deluxe-menu.com/individual-submenu-styles-info.html

2. You should install the menu on your page.

Add several rows into your html page.

<head>
...
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
<script type="text/javascript" src="data-deluxe-menu.js"></script>
//data-deluxe-menu.js - data file created in Deluxe Tuner.
...
</head>

<body>
...
<table>
<tr><td><script type="text/javascript" src="deluxe-menu.files/data.js"></script></td></tr>
</table>
...
</body>

You should also copy all engine files
dmenu.js
dmenu4.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js
into "deluxe-menu.files/" folder.
You should place this folder in thesame folder with your index. html page.Try that.


Q: I'm having trouble getting some of my drop down menu scripts opening in the frm2.

If you look under products, then Hard drives, then Rugged Airborne .....this one and Rugged Ground will not open in frm2 but the Contact Us and Get Quote are working fine.
Can you help me get these things to open in a frm2.


A: You should write your menu items correctly.
Now you have

   ["||Rugged Airborne","../RuggedAirborne.htm","Airborne,"frm2","0", ],
   ["||Rugged Ground","../RuggedGround.htm","Ground","frm2","0", ],

it is not correct.
You should write:
   ["||Rugged Airborne","../RuggedAirborne.htm","","","Airborne,"frm2","0", ],
   ["||Rugged Ground","../RuggedGround.htm","","","Ground","frm2","0", ],


Q: I need to set individual itemtargets for a number of menu items for the web drop down menu?

A: You can set target parameter for all items:
  var itemTarget="_blank";

or  var itemTarget="main";

Where main - is the name of the main frame where you want to open the link.

or for each item individually:
["Home","testlink.html", "", "", "", "_blank", "", "", "", "", "", ],
...
["Home","testlink.html", "", "", "", "main", "", "", "", "", "", ],





Q: I'm trying out your cool dropdown menu code.

I'm trying to rebuild my menu like this one

http://deluxe-menu.com/data-templates/vista-style-3-03-template-sample.html

I have a problem. In my case, I have some really long labels and some short ones. In some cases my text is larger than the button (see attachment). In your example all the buttons have the same width. Is it possible to have a Vista styled menu with different width for the buttons?

A: See images in Vista Templates have the fixed width and height (92 x 21).

If you want to change items' width/height you should change images.

btn_cyan.gif
btn_cyan2.gif

You can do it in any graph editor, for example in Adobe PhotoShop.

You should also change items width in your Individual Item Style.

  var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11pxTahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=btn_cyan.gif,btn_cyan2.gif"],
];

You can do it in Deluxe Tuner.