Is there any way I can do the opposite and make the space my separators take up only a few pixels high? At present I can only make them the same height as the other buttons even though the separator image is only 2 pixels high. A: You should set a separator in the menuItems, for example:
var menuItems = [
["Home","index.cfm", , , , , , , , ],
["About Us","about.cfm", , , , , , , , ],
Please, see the following parameters:
var separatorImage=""; //for subitems
var separatorVImage="images/public/separator.gif"; //for the top items
I am testing your image based vertical menu. I am happy with it and about to buy the muti-site license if you can help me with one problem.
The menu looks different in IE compared to Firefox. In IE it is much smaller. A: Try to specify units in "px":
var itemStyles = [
var menuStyles = [
I hope you have a instructions so we can install css menu in our website. A: Unfortunately we don't have step by step tutorial yet.
We'll try to create it in the nearest time.
1. Create your Css 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.
See the parameters for the menu on the main window.
More info about menu parameters you can find on our site
2. You should install the menu on your page.
You can click, for example, File->Save Css Menu/Export HTML
So, you'll have folder with images and .css file ("deluxe-css-menu.files/" folder by default),
deluxe-css-menu.html file and deluxe-css-menu.js file with all menu parameters
(project file you need, if you want to modify your menu later,
there is no need to upload deluxe-css-menu.js on your server).
Open deluxe-css-menu.html file in any text editor and copy several rows of
code into your page (for example index.html page of your website).
Copy and paste several rows into your html page (index.html).
<link type="text/css" href="deluxe-css-menu.files/style.css" rel="stylesheet">
<!-- Deluxe Css Menu -->
<img class="def" src="deluxe-css-menu.files/icon1.gif"/>
<img class="over" src="deluxe-css-menu.files/icon1o.gif">Product Info</span>
<![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
<!-- (c) 2009, Deluxe-Menu.com -->
You should also copy "deluxe-menu.files/" folder with all images and .css file
into the same folder with your index.html page.
More info about installation:
I'm looking at purchasing your product but have one small problem. I'm using the expandable menu and would like to have the menu save the state when reloading or refreshing the browser.
You should use the following parameter:
var tsaveState = 1;
Example, you can find here: