(c) 2009, Deluxe-Menu.com


The menus are just represented by nested UL lists. Each LI is a menu entry, and nested lists result in sub-menus. The top level UL must have the class attribute of navmenu, and everything follows from there. The menu items are just normal A links, or SPANs where they are not links.

To create Deluxe Css Menu you should use the Windows version of Deluxe Css Menu Builder.
Just add menu items, customize color and font settings, export your menu to HTML page "File -> Save CSS Menu / Export To HTML".
Then you should copy-and-paste all code for Deluxe Css Menu in the <head> tag and in the place where you want to have a menu of your page.
Installation of Deluxe Css Menu on your page.
1. Paste the following code (<style> ... </style> tags) into a <head> tag of your page:

ul.cssMenu ul{display:none}
ul.cssMenu li:hover>ul{display:block}
ul.cssMenu ul{position: absolute;left:-1px;top:98%;}
ul.cssMenu ul ul{top:-2px; left:98%}
ul.cssMenu {
ul.cssMenum0 li li {

Or you should link to the generated .css file, for example:

<link href="styles.css" type=text/css rel=stylesheet>

2. Paste the following HTML code where you want to have the menu:

<!-- Deluxe Css Menu -->
  <noscript><p><a href="http://deluxe-menu.com/css-menu/">java dropdown menu by Deluxe-Menu.com</a></p></noscript>
 <ul class = "cssMenu cssMenum0">
   <li><a href="testlink.html">Home<!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]></a><![endif]--></li>
   <li class=" sub"><a class=" sub" href="#">Product Info<!--[if gte IE 7]><!--></a><!--<![endif]-->
   <!--[if lte IE 6]><table><tr><td><![endif]--><ul>
     <li><a href="testlink.html">Features<!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]></a><![endif]--></li>
     </ul><!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
   <li><a href="testlink.htm">Contact Us<!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]></a><![endif]--></li>
  <!-- (c) 2009, Deluxe-Menu.com -->

NOTE: it is vital that you use a DOCTYPE that triggers IE's "standards" rendering mode, or the menu will not
function correctly in IE 7 and IE 8.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Deluxe Css Menu is compatible with Deluxe Menu. Convert your Deluxe Menu to Deluxe Css Menu with easy!

Open Deluxe Tuner and select "Deluxe CSS Menu".

Import your Deluxe Menu's project:

Generate css menu "File ->Save CSS Menu / Export To HTML".

Buy Deluxe Menu Now!   JavaScript Menu Free Trial Download

Copyright (c) 2009, Deluxe-Menu.com
Home  |  Installation Info  |  Parameters Info  |  CSS Menu Templates  |  Download  |  Purchase  |  Contact Us
All rights reserved. Tree Menu  |  Tabs Menu  |  Popup Window  |  Calendar  |  Deluxe Menu.de  |  AJAX Gallery