Recent Questions
Q: I'm am try to use your Deluxe drop down menu generator and can not get it to work..
A: Unfortunately we don't have step by step tutorial yet.
We'll try to create it in the nearest time.
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" onthe 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-menu.com/parameters-info.html
http://deluxe-menu.com/menu-items-info.html
You can also use Individual Styles for items and subitems
http://deluxe-menu.com/individual-item-styles-info.html
http://deluxe-menu.com/individual-submenu-styles-info.html
2. You should install the menu on your page.
You can click, for example, File/Export to HTML.
So, you'll have folder with all engine files and images("Deluxe-menu.files/" folder by default), Deluxe-menu.html file anddata-Deluxe-menu.js file with all menu parameters.
Open Deluxe-menu.html file in any text editor and copy several rows ofcode into your page (for example index.html page of your website).
Copy and paste several rows into your html page (index.html).
<head>
...
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">drop down menu generator 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><script type="text/javascript" src="Deluxe-menu.files/data-Deluxe-menu.js"></script></td></tr> //data-Deluxe-menu.js - data file
created in
Deluxe Tuner.
</table>
...
</body>
You should also copy "Deluxe-menu.files/" folder with 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
and data-Deluxe-menu.js file into the same folder with your index.html page.
Try that.Q: I have used Deluxe tuner menu on a web page and facing two small problems
a) The separator I have used do not show up. This is supposed to be a black horizontal line below every menu item. The image name is sep.jpg
b) The submenu appears on the right and I am unable to figure out a way to get the submenu to appear on the left. My navigation is placed on the right panel so if the sub menu appears on right of drop down menu bar, it practically goes off the page.
Can you please help with this and let me know why this is happening ?
A: 1) You should set separators between main items:
["Home","testlink.html", "data.files/bul.jpg", "data.files/bul.jpg", "", "", "", "", "", ],
["-"],
["About Us","", "data.files/bul.jpg", "data.files/bul.jpg", "", "", "", "", "", ],
And set:
var separatorVImage="data.files/sep.jpg";
var separatorVWidth="100%";
var separatorVHeight="1px";
var separatorPadding="0px";
2) You should set the following parameter:
var smViewType=2;
Q: I have a popup that in one of the submenus has an input field. There is a problem – if the user clicks into the entry field, but moves the mouse outside the java swing menu, the menu can close while the user is still typing. Is there any way to prevent that from happening?
A: You can make submenus to stay visible till you click outside the menu or scroll your page.To enable this feature you should set the following parameter:
var smHidePause=-1;
You can set this parameter to each submenu individually usingIndividual Submenu Styles.
Q: I recently started using a new software program on my home page and am running into an issue with your drop down menu in css working with this software.
Basically no matter what I change the DmZorder to drop down menu in css always shows up behind the dhtml windows that I am trying to use.
After working with their support team they have stated that they believe the problem exists within the menus and I am attaching a screenshot they sent me.
Can you please assist me in resolving this issue?
A: Try to delete the following properties from #main style:
POSITION: absolute; TOP: 0px; LEFT: 0px;
See the attached example.
Set also units in "px":
var itemPadding="2px";
It helps to display the drop down menu in css correctly in all browsers.