Milonic Menu Header Code by Deluxe-Menu.com
Milonic Menu Header Code

Template:

Olive Menu Template - DHTML Navigation Menu






    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Search feature - add the search area in the menu and type symbols.
    - Image arrows
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Filters and Transitional effects
    - Items with icons
    - Transition #14 - "fade out" effect
    - Keyboard navigation - press Ctrl+F2 to enter the top menu




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

Menu Screenshots

Milonic Menu Header Code Menu Dynamic Relative Easy

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

Features

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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed milonic menu header code samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cross Browser Javascript Collapsing Menu Milonic Menu Header Code
Easy Setup
  • De Luxe Tuner. GUI interface to create your milonic menu header code 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
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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Good navigation system is an important part of web site success. If people can't find their way around the site, they will rapidly give up looking and go, never to return. So, it's very significant that your website has a neat, fast, and gratifying to the eye navigation.
    Don't permit your web site visitors to get lost. Try Deluxe Menu!

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

Recent Questions

Q: I am now running the newest version, all ok. A new client wants to have submenus openFor the left hand menu navigation that I purchased, can I choose what dhtml tree menus will be expanded or collapsed when the user first comes to the webpage for the first time?

For instance, right now, when the user first goes to the page ALL of the menus are collapsed. If I wanted the first and third tree menus to be expanded and the others to stay collapsed when a new user first went to the page, how would I accomplish that?

Thank you very much for your help. on mouse rollover as well as on mouse click. Is this possible with tree menu in XP style?

A: You can expand some items by default.
Add '+' sign before items text in that case:

["+Deluxe Tree: XP Style","", "deluxe-tree.files/xpicon1_s.gif", "", "", "XP Title Tip", "", "0", "", "", ],
 ["|Home","testlink.htm", "deluxe-tree.files/icon1_s.gif", "deluxe-tree.files/icon1_so.gif", "", "Home Page Tip", "", "", "", "data-new.js", ],

"Deluxe Tree: XP Style" item will be expanded by default in that case.

Use   var texpanded=1; parameter to expand all menu items by default.

Use function dtreet_ext_expandItem (itemID, expand) API function to expand the specificmenu items dynamically:
http://deluxe-tree.com/functions-info.html

Q: Pls help me with another question.

I have an horizontal menu in which the submenus drop down (as in example # 1 you have in your web).

For the first level items (which are horizontal), I do not want item spacing or itemPadding, that is:
  var itemSpacing=0;
  var itemPadding=0;

However, for the second and third level menu items, that drop down, I do need spacing and padding, like this:
  var itemSpacing=1;
  var itemPadding=1;

How can achieve this if, we have only one set of parameters??

Thank you very much and best regards


A: You should use Individual Styles.

You should set the following parameters:

  var itemSpacing = 0;
  var itemPadding = 0;

and create individual style for submenus
  var menuStyles = [
["menuBackImage=images/subm_back.gif","itemSpacing=1","itemPadding=1"], // add Spacing and Padding to the style which is used for the third level menu items.
["columnPerSubmenu=2"],
["itemSpacing=1","itemPadding=1"], //style 2
];

You should assign this style for the second and third level menu items

["DHTML Menus","", "images/icon1.gif", "images/icon1o.gif", , , , , , , , ],
 ["|The Deluxe Menu","http://deluxe-menu.com",
"images/icon2.gif", "images/icon2o.gif", , , , "2", , , , ], // assign Style 2
   ["||Features","", "images/icon3.gif", , , , "0", "0", , , , ], // assign Style 0
   ["|||First Column","", , , , , "0", "1", , , , ],
   ["|||Second Column","", , , , , "0", , , , , ],
   ["||Cross-frame Mode","", "images/icon5.gif", "images/icon5o.gif", , , "1", , , , , ],
   ["||Easy Installation","", "images/icon5.gif", "images/icon5o.gif", , , "1", , , , , ],
 ["|The Deluxe Tree","http://deluxe-tree.com", "images/icon2.gif", "images/icon2o.gif", , , , , , , , ],
...


Q: Submenus of my javascript dynamic menu are opening higher than they should and I cannot figure out why the position setting has no effect.

A: Try to set the following parameter:

  var subMenuVAlign="top";

Q: How do I get started with Deluxe Menu? Do you have a link with instructions?

I designed my own website with DreamWeaver 8.0 ( www.lesvants.com ) but don't have a clue as to how to start designing with your product.


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

Deluxe Menus weren't developed as Dreamweaver/Frontpage extension,BUT you can use it as standard Javascript files. To install the menuinto your html page:

1. open the page in your program
2. open html source code of the page
3. add several rows of code (<script> tags), For info see:
http://deluxe-tree.com/installation-info.html

That's all.

It is possible that Dreamweaver changes some paths, so you havean error in the preview.
On your site or in your browser there'll be no errors.

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

Please, try to download trial package once again. We added alltemplates in Deluxe Tuner Templates window.

Unfortunately, Deluxe Tuner doesn't copy all need images forVista Template into your folder. You should do it manually.After you create your menu in Deluxe Tuner you should copy all images youneed for the menu into your folder and correct images paths.You should set the following parameter
  var pathPrefix_img="";

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).

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.


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