Collapsible Menu Css by Deluxe-Menu.com
Collapsible Menu Css

Template:

iPhone 17 Template - CSS Pop Up Menu






    - Top items and submenus have a shadow
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Personal CSS styles for separate menu elements
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Relative/Absolute menu position
    - Horizontal or vertical orientation
    - Submenus dropdown on mouseover




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

Menu Screenshots

Collapsible Menu Css Html Dropdown Menu

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!
Cost Effective
Dhtml Fade Menu Collapsible Menu Css
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
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your collapsible menu css 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.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have used one of your products in the past, but bare with me as I am not a programmer. It was a Basic Horizontal Menu that I used mostly the defaults with.

I have a New website that needs to have more than one MENU....
1 - Header = (Horizontal) Drop down Menu
2 - Right Side Bar = (Vertical) MAIN Menu with sub-menus
3 - Lower Side Bar = (Vertical) Menu #2 with sub-menu
4 - Footer Menu = (Horizontal) Pop-up Menu?

I am not sure how this all would be accomplished on one page.
I have tried reading the INFO on the site but I get lost in all the data.
Could you explain a little better please?


A: You can add as many menus as you want on the one page.

You should call
<SCRIPT type=text/javascript>  var dmWorkPath = "data.files/";</SCRIPT>
<SCRIPT src="data.files/dmenu.js" type=text/javascript></SCRIPT>

and then call your data files:

<SCRIPT src="data.files/data1.js" type=text/javascript></SCRIPT>

<SCRIPT src="data.files/data2.js" type=text/javascript></SCRIPT>

<SCRIPT src="data.files/data3.js" type=text/javascript></SCRIPT>

<SCRIPT src="data.files/data4.js" type=text/javascript></SCRIPT>



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.



Q: One intern design a menu for us using MenuTuner that we bought however Menu doesn’t work in Firefox or netscape.
It works fine in Internet Explorer.
Can you help? I’m attaching the zip file which you can extract and open index.html to see what’s wrong.


A: Try to specify units in "px".
  var tmenuWidth = "230px";
It's necessary to specify exact value for Mozilla browsers. It helpsto position menus correctly.

You should set this parameter:
  var tmenuHeight = "auto";


Q: I want to have one of the drop menus use a different image.
I am using thevista images and would like to have all of them but one use the same imageand the last one a different one. Can this be done?
If not I was able to adda second menu with the different image but for some reason the second menuwill not drop down. Can you help me with either of these?


A: You should create Individual Style for the last item and assign another image for it.

  var itemStyles = [
["itemWidth=92px","itemHeight=21px","itemBackColor=transparent,transparent","fontStyle=normal 11pxTahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=data-vista-01.files/btn_black.gif,data-vista-01.files/btn_black_blue.gif"],
["itemWidth=92px","itemHeight=21px","itemBackColor=transparent,transparent","itemBackImage=data-vista-2-03.files/btn_green.gif,data-vista-2-03.files/btn_green2.gif","fontStyle='normal11px Tahoma','normal 11px Tahoma'","fontColor=#FFFFFF,#FFFFFF"],];

  var menuItems = [
["Home","testlink.html", "", "", "", "", "0", "0", "", "", "", ], //style 0
["Product Info","", "", "", "", "", "0", "", "", "", "", ], //style 0
...
["Purchase","http://deluxe-menu.com/order-purchase.html", "", "", "", "_blank", "0", "", "", "", "", ], //style 0
["Contact Us","testlink.htm", "", "", "", "", "1", "", "", "", "", ], //style 1];


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