Recent Questions
Q: I'm having difficulty understanding how to set up css drop down menus. The differences between menuStyles, itemStyles, CSS and CSSText is very unclear, and doesn't seem to be well documented.
Do you have any better documentation or writeup on using this feature?
A: No, unfortunately we don't have additional documentation. You can findall info on our site.
We have several examples of the menus using css.
You should set var cssStyle=1; parameter and then assign your stylesto the items.
var cssSubmenu is a CSS class name for all submenus. You can set, forexample, background color, background image, borders for all submenus.
var cssItem is CSS class names for all items (normal state, mouseoverstate) in the top menu and submenus.
var cssItemText is CSS class names for text of all items (normalstate, mouseover state) in the top menu and submenus.
It's possible to appoint individual CSS styles for separate elements of the menu using individual item styles and individual submenu styles.
Q: How can I add a separator to the expanding navigation bar using the dynamic functions?
It seems as though the only way to get a separator into the menu is by defining itbefore hand,
but the website I'm building will require me to reload themenus dinamically,
and I'm losing the ability to put separators on it.
A: You should add items using the following function:
function dm_ext_addItem (menuInd, submenuInd, iParams)
or
function dm_ext_addItemPos (menuInd, submenuInd, iParams, Pos)
Find more info:
http://deluxe-menu.com/functions-info.html
Set the following parameter:
var dm_writeAll=1;
So, you should write:
dm_ext_addItem(0, 4, ["|-", "", "", "", "", "", "", ])
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", "", "", ],
Q: My tree menu has a white border around it. I want NO border. I have experimented with the Menu Appearance items in the "variables" section with no luck.
Lastly, I'm not sure where to put the link code. It's not clear in the documentation.
A: Please, set the following parameter:
var tXPBorderWidth = 0;
> Lastly, I'm not sure where to put the link code
I'm not sure I understand you. Link is the second parameter in the tmenuItems array.
["||about the AAUCM","http://www.614designs.com", , , , , , "3", , , , ],
More info you can find here;
http://deluxe-tree.com/menu-items-info.html