Recent Questions
Q: I have downloaded the trial version of Deluxe Menu and am seriously looking at buyingit. I am trying to go thro the instructions and check out if it meets my requirement.
I am not able to figure out how to equally space out all my menu items on the javascript menu bar.
My menu bar width is fixed at 800 px and I have 7 items - horizontal type. The menuitems widths appear different for the menu items. How do I ensure that all of them are ofequal size ??
A: Set width for the items using Individual styles:
var itemStyles=[
["itemWidth=100px"],
] //style 0
Assign Individual Styles for the menu Items.
var menuItems = [
["Item 1","", "", "", "", "", "0", "", "", "", "", ], //style 0
["Item 2",", "data2.files/icon1.gif", "data2.files/icon1o.gif", "", "", "0", "", "", "", "", ], //style 0
];
Q: The menu maps to the width size of the longest menu item on the list, can you tell me how I can restrict this, and have a fixed menu size.
A: Unfortunately it is really so.
You can try to wrap your text.
You should set the following parameter:
var noWrap = 0;
or use <br> tags within menuItems.
Q: How can I set Individual Style using dhtml menu creator?
A: 1) Click "Edit Individual Styles..." button.
2) In the "Individual Styles" window click "Add Style".
3) Set itemWidth parameter.
4) Click "OK" button.
5) Select your top items and assign "Item Style" to it. (in the "ItemParameters" window)
Q: We are looking for documentation on how to use the onmouseover tab program. We purchased this also and we were not able to figure out the deluxe tab part.
A: You can find all documentation on our website, http://deluxe-tabs.com.
You should paste your content in the <div> .. </div> tags.
<div id="content1" style=" visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>
<div id="content2" style="visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/logo_DT.gif" width=262 height=56 alt="Deluxe-Tree.com"></p>
</div>
<div id="content3" style=" visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/logo_DTabs.gif" width=254 height=58 alt="Deluxe-Tabs.com"></p>
</div>
See in Deluxe Tabs there are two modes:
1. var tabMode=0;
You can create only one level of tabs and assign Object Id's of theDIV's to show when you click on the tab.
["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],
2. var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.
["XP Tab 1","", "", "", "", "", "", "", "", ],
["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],
["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],