Recent Questions
Q: I am curious why there are no font settings for "Individual Styles" for"Submenu styles".
Basically I want to have a different font and color for my submenu items so they appear differently than the normal primary Items - but it seems there is only two options for fonts:
- The global font parameters affecting all fonts (primary and sub).
- And the Individial Styles for primary Item Styles.
Why no font paramenters for Submenu Items?
A: You can assign Item Style for the submenu item too.
See the example:
var itemStyles = [
["fontStyle=normal 13px Comic Sans MS"], //item style 0
];
var menuStyles = [
];
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , "0", , , ], //item style 0
["||How To Setup","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", , , "0", , , ], //item style 0
Q: I have tried various different ways, but I cannot get a separator image
I have specified in the Separators section of menu generator to display in.
I have verified that the image exists, but still nothing.
A: To add a separator you should
//--- Separators
var separatorImage=""; //for subitems (top items in vertical menu)
var separatorWidth="100%";
var separatorHeight="3px";
var separatorAlignment="right";
var separatorVImage="separator.gif"; //for the top items (subitems items in vertical menu)
var separatorVWidth="100%";
var separatorVHeight="2px";
var separatorPadding="";
You can create separators using menuItems
(you can do it in DeluxeTuner, use "Add separator" button),
for example:
["||All Images","gallery_all.html", , , , "_self", , , , ],
["||-"],
["||Pricing & Ordering Info","gallery_pricing.html", , , ,"_self", , , , ],
Try that.
Q: I'm trying out Deluxe Menu with my site, but I've hit a snag with alignment. My menu bar is located at the top of my page, in a 750px-wide div. I'd like to nest the nav menu in that div, but right-align it so the menus are stuck to the right side of the div. Is that possible with your menu system? If so, can you give an example of how I would accomplish it?
A: You can paste your menu in DIV with right alignment.
<div align="right">
<script type="text/javascript" src="data-deluxe-menu.js"></script>
</div>
Q: Is there a way to capture user click event just like the one in the javascript menu sliding?
A: Unfortunately, you can't assign onmouseover/onClick/onContextMenu event to each item.
However, you can achieve this by using standard html objects within items, for example:
var menuitems = [
["<div onContextMenu='your_code_here'>item text</div>", ""]
];