Recent Questions
Q: I have been mostly creating my menus by starting with a template file that has the features I need, and then modifying that file by hand (as opposed to using the Tuner program). In this case I am using data-vista-01.js.
When I load my html file that has references to the necessary resources (e.g. .js, gif, etc) in a directory that has the Images folder and Menu folder copied directly from the installed Deluxe Menu program directories, I get what I want.
This is perfect. But I think to myself, surely I don't need all the .js files from the Menu directory, nor do I need all the .gif files from the Images directory, so I started deleting those files one at a time, until I got to the point where Images contained only the Vista1 folder + the empty.gif file, and the Menu folder contained only dmenu.js. My menu now not working.
I'm guessing that some graphic files need to draw the top-level menu bar are missing. But which ones?
So my question is, what files do I really need? Is this something the documentation describes, and if so where?
I hope I don't have to include the full contents of the Menu and Images folder, as they are quite large.
A: Unfortunately, you should add all need images manually.
We'll try to correct it soon.
You can open your data.js file and see what images you're using in themenu and copy tese images into your folder.
You should also change the following parameter:
var pathPrefix_img="";
There is no need to use all engine files for the menu.
Description of files you can find here:
http://deluxe-menu.com/description-of-files-info.html
Q: How do I add padding around a top item in the javascript menu buttons?
A: You should specify itemPadding parameter in "px".
You shouldadd "px" in your style for subitems:
var menuStyles = [
["menuBackColor=#F2F3F2","menuBorderWidth=0","itemSpacing=1","itemPadding=4px","smOrientation=undefined"],
];
Notice also that you can set multiple value for itemPadding parameter,for example:
itemPadding=4px 10px 4px 10px// top right bottom left
Q: I would like to create my own jpeg images and use them as the mouseover-items in the top level cascading menu. I am not talking about the backround. I mean the actual upfront button. I seem to be locked into the size which is the default and would like to change it to width = 180px and height = 45px for each item in the menu. Is there any way to do that?
A: You should create Individual Style and assign it for all top items.
var itemStyles = [
["itemWidth=180px"],
];
var menuItems = [
["Home","testlink.html", "", "", "", "", "0", "", "", ],
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "0", "", "", ],
Q: There is a grey line that surrounds my menu (its on a page with black background. How do I get rid of the grey line?
A: See, you set the shadow for the top items and submenus
var shadowLen=2;
var shadowColor="#C4C4C4";
var shadowTop=1;
You should set
var shadowLen=0;
var shadowColor="#C4C4C4";
var shadowTop=0;