Recent Questions
Q: I'm trying out your cool dropdown menu code.
I'm trying to rebuild my menu like this one
http://deluxe-menu.com/data-templates/vista-style-3-03-template-sample.html
I have a problem. In my case, I have some really long labels and some short ones. In some cases my text is larger than the button (see attachment). In your example all the buttons have the same width. Is it possible to have a Vista styled menu with different width for the buttons?
A: See images in Vista Templates have the fixed width and height (92 x 21).
If you want to change items' width/height you should change images.
btn_cyan.gif
btn_cyan2.gif
You can do it in any graph editor, for example in Adobe PhotoShop.
You should also change items width in your Individual Item Style.
var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11pxTahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=btn_cyan.gif,btn_cyan2.gif"],
];
You can do it in Deluxe Tuner.
Q: What is the difference between itemStyles and menuStyles for the down javascript menu?
A: See you should assign the menuStyles to the whole submenu (the first item in the submenu).
itemStyles you should assign for each item individually.
See more info here:
http://deluxe-menu.com/individual-item-styles-info.html
http://deluxe-menu.com/individual-submenu-styles-info.html
Q: In Delux Tuner I can not find the multi-level or multi-column, it isn't there. Please advise ASAP.
A: Info about multilevel and multicolomn menus you can find here:
http://deluxe-menu.com/multilevel-menu-sample.html
http://deluxe-menu.com/multicolumn-menu-sample.html
If you have any questions, please, write us. We'll try to help you.
Q: I now have the need to introduce separators on the menu.
Can you tell me how to do that?
I cannot find any documentation telling me how this is done.
A: Please, see the following parameters:
//--- Separators
var separatorImage=""; //for subitems
var separatorWidth="5";
var separatorHeight="100%";
var separatorAlignment="right";
var separatorVImage="images/public/separator.gif"; //for the top items
var separatorVWidth="3";
var separatorVHeight="100%";
var separatorPadding="";
You should set a separator in the menuItems, for example:
var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],
];
Try that.