Recent Questions
Q: I am trying to figure out how to specify the css for the top css dropdown menu.
I saw this in some of the example code, but there was nothing similar in Deluxe Tuner
var itemStyles = [
["CSS=topItemNormal,topItemOver","CSSText=topItemTextNormal,topItemTextOver" ],
];
var menuStyles = [
["CSS=topMenu"],
];
I tried adding the above to my js code, but it didn't work. I can get it to work in non-css through Deluxe Tuner.
I am trying to draw a white border around the blue css dropdown menu
.topMenu
{
background-color:Blue;
border-width: 1px;
border-style: solid;
border-color: White;
}
/* Style for submenus */
.submenu
{
}
/* Style for top items: normal state */
.topItemNormal
{
background-color:Blue;
color:White;
text-decoration: none;
text-transform:none;
font-weight:normal;
FONT-SIZE: 11pt;
FONT-FAMILY: Verdana, Arial;
width:100%;
padding:2px 4px;
}
A: var itemStyles = [
["CSS=topItemNormal,topItemOver","CSSText=topItemTextNormal,topItemTextOver"],
];
var menuStyles = [
["CSS=topMenu"],
];
The following code is Individual Styles. You can edit them in DeluxeTuner.
Open your data file, click "Edit Individual Styles..." button on themain window. And create individual item style and individual submenustyle. Then you should assign these styles to your items.
See more info about Individual Styles here:
http://deluxe-menu.com/individual-styles-sample.html
Q: I know. I have two menus on the page and I am not using beforeItemImage orafterItemImage for the top menu in javascript (the one you referenced below), but I need it for the second menu. The parameters for that menu are in mainnav_data.js.
Even when I only call dmWorkPath and dmenu.js once, it does not work.
A: See, it is not correctly to use image-based items:
["","", "mainnav_data.files/corpinfo.gif", "mainnav_data.files/corpinfo2.gif", "", "_self", "0", "", "", "", "", ],
and specify beforeItemImage/afterItemImage parameters. They won't work in that case.
You can create such buttons in the following ways:
1) Use image-based menu (images with text).
Create normal and mouse-over state images (with text) for each item:
["","", "mainnav_data.files/corpinfo.gif", "mainnav_data.files/corpinfo2.gif", "", "_self", "", "", "", "", "", ],
["","", "mainnav_data.files/new.gif", "mainnav_data.files/new2.gif", "", "_self", "", "", "", "", "", ],
["","", "mainnav_data.files/xxxxx.gif", "mainnav_data.files/xxxxx2.gif", "", "_self", "", "", "", "", "", ],
2) Use combined background for the menu in javascript items (images without text).
var beforeItemImage = [,]; //left-side image for normal and mouse over state
var itemBackImage = [,]; //background or image for normal and mouse over state
var afterItemImage = [,]; //right-side image for normal and mouse over state
var beforeItemImageW = '';
var afterItemImageW = '';
var beforeItemImageH = '';
var afterItemImageH ='';
But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif
You cannot use these two methods together!Q: Hi, I am testing your menu system for my company and would like to know how to keep the menu in the centre of the page like <centre></centre>.
I know how to do it without a floating menu but cannot work out how to do this with it floating.
A: When you use floatable menu you can't use relative menu position.
So, if you use
var absolutePos = 0;
and to center the menu you use <p> or <div> with the center alignment your menu won't float.
To center your floatable menu you should set absolute coordinates.
Q: My top levels over the menu have no link and as such I need the cursor not to change when hovering over it – only change over the menus that drop down.
Please let me know how to fix this
A: Unfortunately, you can't change cursor type for different items.
But you can write so:
["< a href='http://deluxe-menu.com/'> Home ["Product Info","", , , , , "0", , , ],
["|What's New","", , , , , "0", , , ],
In all items with links you should use < a> tag.
Set this parameter:
var itemCursor="default";
