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

Template:

iPhone 15 Template - CSS Menu Slide






    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Image arrows
    - 85% transparency for sub menus
    - Submenus dropdown on mouseover
    - Status string shows item labels
    - Search feature - add the search area in the menu and type symbols.
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Inactive/Disabled items




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

Menu Screenshots

Collapsible Menus Css Sample Slide Menu Drop Down Visual

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

Features

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
Html Expanding Collapsible Menus Css Sample
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 menus css sample 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.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: There's no explanation of what to do after creating a dhtml menu example or where to paste the code, which files to upload..

A: 1. Create your menu in Deluxe Tuner.

When you open Deluxe Tuner you can click "File/New"
and add items and subitems using buttons "Add Item" and "Add Subitem" on
the 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

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

You can also use Individual Styles for items and subitems

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

2. You should install the menu on your page.
You can click, for example, File/Export to HTML (you can't do it inthe MAC version).
Save your data file.
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 WorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
...
</head>

<body>
...
<table>
&tr><td>%lt;script type="text/javascript" src="deluxe-menu.files/data.js"></script></td></tr> //data.js - data file created in Deluxe Tuner.
</tablegt;
...
</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
dmenu_search.js

into "deluxe-menu.files/" folder. You should place this folder in the
same folder with your index.html page.

Try that.



Q: No matter where I paste the script in the html for the drop down menu I created, it shows up at the top left corner of the page.

I would like it to go below the blue banner at the top of the page.
Please advise as to what I am doing wrong.


A: Now you're using absolute position for the menu:

  var absolutePos=1;
  var posX="10px";
  var posY="10px";

Try to use relative position

  var absolutePos=0;
  var posX="10px";
  var posY="10px";


Q: Is it possible to open the dhtml tree to a particular state when a link is chosen from elsewhere in the site (not from a menu link)?

A: function dtreet_ext_expandItem (itemID, expand)
Expands/collapses a specified item or a submenu.
itemID - ID property of an item. expand - 0 - expand the item, 1 - show the item.

For example place to your HTML code
<script>
dtreet_ext_expandItem('dtree_0i2',0);
</script>

For details please see
http://deluxe-tree.com/functions-info.html





Q: I am working on a menu for a client. I have most of the functionality in place for this client. I have 2 questions that I have not been able to figure out on this menu.

1. Is there a way to define the border image or color on an item in this simple javascript dropdown menu. I need to be able to add in lines between the items. I have not been able to figure out how to do that.
2. Is there a way to dynamically highlite an item? For instance if you are on the page "Horizon for SAP" as illustrated, I would want that to show differently in the menu.

I have written scripts to dynamically generate this menu based off of a sitemap. I just need to make one item on it look different based on your breadcrumb or where you are in the site.

A: > Is there a way to define the border image or color on an item.

You can't specify the image for border, but the color and width are fully configurable.

> 2. Is there a way to dynamically highlite an item?
Yes, please see

http://deluxe-menu.com/dynamic-functions-sample.html



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