Recent Questions
Q: The idea is that when you click the button of the menu,
the box that holds the menu links opens like normal, but Instead of having the written links inside the drop down box,
I want to have an item like an image or a search box or some other type of independently running script inside the dhtml xml menu.
A: You can use any html code within menuItems of Deluxe Menu:
["+Deluxe Menu: XP Style <a href='http://domain.com'><img src='default.files/xpicon1_s.gif' width=12 height=12></a>","", "default.files/xpicon1_s.gif", "", "", "XP Title Tip", "", "0", "", ],
["|Home <a href='http://domain.com'><img src='default.files/xpicon1_s.gif' width=12 height=12></a>","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "", "", "", ],
["|Product Info <a href='http://domain.com'><img src='default.files/xpicon1_s.gif' width=12 height=12></a>","", "default.files/icon2_s.gif", "default.files/icon2_so.gif", "", "Product Info Tip", "", "", "", ],
Q: We have another question. How can we increase the width of the vista style buttons? Changing the itemwidth style will make the buttons larger but it also cause all the images to appear in the wrong place.
var itemStyles = [
["itemWidth=92px"
A: The width of Vista images is 92px. So, if you want to create the itemswider than 92px you should change vista images in any graphic editor,for example in PhotoShop.
Q: I want to separate the main items with an image in the website navigation bar.
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:
var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];
Q: I was trying to figure something out myself but after a lot of hours I decided I will contact you.
I am working on a javascript collapsing menu and I am using the XP style one.
I don’t know why but the align of the text is not moving to the right side (because in Israel we write from right to left)
The sub-menu works great and all the text align to the right but from some reason the title is unmovable.
Please if you know any solution to that problem?
A: See how you can create your top javascript collapsing menu items:
- you can set the following parameter:
var tXPAlign="right"; //align of expand-buttons of submenus titles
- write your top items:
["+<div align=right> Deluxe Tree: XP Style</div>","", "", "", "", "XP Title Tip", "", "0", "", "", ],