Recent Questions
Q: We purchased the Deluxe Menu a few months ago and are extremely happy with the product. We have been getting great compliments about our new navigation system.
The menu has over 500 links and functions like a dream! One issue I am having, that I just cannot seem to figure out how to fix, is the following:
Our nav menu is displayed approx. 70 pixels from the top of the browser window. On the drop down links that have a number of items (example 1 in the image below), they display underneath the menu, however on the links that have only a few items, they display above the menu bar in java script as in example 2 in the image below.
How can I set it so that no matter how many drop-down items there are, they always display under the menu bar in java script, not on top?
A: Try to set the following parameter:
var subMenuVAlign="top";
Q: Can I use my own images as the tabs in a div tab menu?
A: The Drop down menu items have the following structure:
var menuItems = [
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
...
];
Where iconNormal, iconOver - Icons of an item: icon in normal state, icon in mouseover state.
So you can set your menu items in a such way:
var menuItems = [
["","testlink.htm", "icon1.gif", "icon1o.gif"],
["","", "icon2.gif", "icon2o.gif"],
["|","testlink.htm", "icon3.gif", "icon3o.gif"],
["|","testlink.htm", "icon4.gif", "icon4o.gif"],
["|","testlink.htm", "icon5.gif", "icon5o.gif"],
["","testlink.htm", "icon1.gif", "icon1o.gif"],
];
Q: I’m setting an after item image as follows (this code was generated by Deluxe Tuner, not by hand/text editor):
var afterItemImage=["designimgs/btn-ico.gif","designimgs/btn-ico-active.gif"];
var afterItemImageW=8;
var afterItemImageH=7;
As you can see, the after item image is not appearing in my access drop down menu – do you have any idea why that would be/how to fix?
A: You should create Individual style and assign it for the top access drop down menu items:
var itemStyles = [
["itemBackImage=designimgs/blank.gif,designimgs/blank.gif", "beforeItemImage=designimgs/blank.gif,designimgs/blank.gif", "afterItemImage=designimgs/btn-ico.gif,designimgs/btn-ico-active.gif", "beforeItemImageW=1","afterItemImageW=8", "beforeItemImageH=1","afterItemImageH=7","itemBorderWidth=0"],
];
Q: I am using the deluxe menu 2 and I've found that on IE7 there is a Page Zoom function, when you use this the text in the drop down menu appears blurred, but the text on the top level remains clear?
Have you seen this?
Use IE7 and zoom to 150%. Is there anything I can do to prevent this effect?
A: Try not to use effects in this case:
var transition=0;