Css Horizontal Vertical Divider Menu by Deluxe-Menu.com
Css Horizontal Vertical Divider Menu

Menu Screenshots

Css Horizontal Vertical Divider Menu Menu Button

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
Drop Down Javascript Menu Sliding Or Scrolling Css Horizontal Vertical Divider 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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.

Recent Questions

Q: I am evaluating your Deluxe Menu. I see there are many different template designs. Is it possible to create a custom image to be used as the base image for the main javascript pull down menu? If, so how is it done? Or is it mandatory to use the templates available? I would like to have a larger image for the main javascript pull down menu. Most templates have very small and thin images.

A: No, it is not mandatory to use templates.

You can use your own images. Try to use the following javascript pull down menu parameters:

  var menuBackImage="";
  var menuBackRepeat="repeat";
  var itemBackImage=["",""];

And Individual Item Style and Individual Submenu Styles.



Q: If there is an option in the php navigation bar to make all of the top items the same size?

A: Set width for the items using Individual styles:
  var itemStyles=[["itemWidth=100px"],] //style 0

Assign Individual Styles for the menu Items.

  var menuItems = [
["Item 1","", "", "", "", "", "0", "", "", "", "", ], //style 0
["Item 2",", "data2.files/icon1.gif", "data2.files/icon1o.gif", "", "", "0", "", "", "", "", ], //style 0
...

You can see more info here:
http://deluxe-menu.com/individual-item-styles-info.html

Q: I am trying to create a tab menu and I have some questions.
I want each tab in a hover tab menu has a different image,
the normal and hover state uses the same image and the selected state uses a different image.




A: If you want to use different images you should use Individual Item Styles and assign them for your tabs.

  var bstyles = [

["bitemBackImage=deluxe-tabs.files/style04_n_back.gif,deluxe-tabs.files/style04_s_back.gif,deluxe-tabs.files/style04_s_back.gif",
"bbeforeItemImage=deluxe-tabs.files/style04_n_left.gif,deluxe-tabs.files/style04_s_left.gif,deluxe-tabs.files/style04_s_left.gif",
"bafterItemImage=deluxe-tabs.files/style04_n_right.gif,deluxe-tabs.files/style04_s_right.gif,deluxe-tabs.files/style04_s_right.gif"],

["bitemBackImage=deluxe-tabs.files/style04_2_n_back.gif,deluxe-tabs.files/style04_2_s_back.gif,deluxe-tabs.files/style04_2_s_back.gif",
"bbeforeItemImage=deluxe-tabs.files/style04_2_n_left.gif,deluxe-tabs.files/style04_2_s_left.gif,deluxe-tabs.files/style04_2_s_left.gif",
"bafterItemImage=deluxe-tabs.files/style04_2_n_right.gif,deluxe-tabs.files/style04_2_s_right.gif,deluxe-tabs.files/style04_2_s_right.gif"],

["bitemBackImage=deluxe-tabs.files/style04_3_n_back.gif,deluxe-tabs.files/style04_3_s_back.gif,deluxe-tabs.files/style04_3_s_back.gif",
"bbeforeItemImage=deluxe-tabs.files/style04_3_n_left.gif,deluxe-tabs.files/style04_3_s_left.gif,deluxe-tabs.files/style04_3_s_left.gif",
"bafterItemImage=deluxe-tabs.files/style04_3_n_right.gif,deluxe-tabs.files/style04_3_s_right.gif,deluxe-tabs.files/style04_3_s_right.gif"],
];

  var bmenuItems = [

["Item 1","", "", "", "", "", "0", "", "", ], //style1
["Item 2","", "", "", "", "", "1", "", "", ], //style2
["Item 3","", "", "", "", "", "2", "", "", ], //style3
];




Q: Irene, thank you. I am working on seeing what you did and trying to get it to work on my computer. I keep getting ActiveX blocking errors when open page with the drop down menu source code on my computer. Is this something I can control from within the html code? Or is this something each user is going to have to change setting(s) in their IE Internet Options?

p.s., I had the code on the page twice cuz was just trying to get something... anything.... to work. I deleted the 2nd set which was further down on the page. I'm trying to get the menus to appear in the grey band just below the blue heading section but prior to the white text description section. And, once I get the menus to work, the navigation bar on left will be deleted. Thank you so much for your patience and help!

A: You can get the following message
"To help protect your security in IE ..."
on your local machine only. You won't have such message when you openyour website via Internet.

If you don't want to see this message you should do the followingthings:

Tools/Internet Options/Advanced Options/

and set
"Allow active content from files to run on My Computer".

Close Internet Explorer and open it once again.
There will be no such message any more.