Recent Questions
Q: If you will go to my site you will see that the buttons turnwhite or unload and reload when hovered over. Is there anything I can do toprevent this?
A: You can have such effect when the page entirely was not loaded yet.
So, images were loaded only for the 1 state and for the other were not loaded yet.
If you don't want to have such effect you can use 1 state buttons.
Q: How do I add content to each tab in the hover tab menu so that the content will appear on this same page
(as opposed to having to move to another page)?
A: You should paste your content in the <div> .. tags.
<div id="content1" style=" visibility: hidden;" class="tabPage">
<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">
<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">
<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 the
DIV'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", "", "", ],
You can use Object ID as well as Link in both modes. Use the following prefixes within item's link field:
"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for example:javascript:alert(\'Hello!\')
So, you should write for example:
["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],
Q: I've got an xp style menu that I'm trying to place within a table... Things are not rendering as I'd expect
I am trying to put the menu in the left column of the table, a form on the right side, and then center the entire table.
The html table is surrounded by a center tag (have tried a div tag with no difference).
It appears the xp menu is obeying the center tag, but not keeping it relative to the containing table...
How can I fix this issue? I have also attached the html source code as it is rendered in the browser in case that is of some use.
A: You should set the following parameter:
var tabsolute = 0;
You're using absolute position for the menu now.
Q: I recently purchased your Deluxe-Tabs product and I am trying to create tabs that occupy 100% width with each tab being equal width.
Right now when I specify 100% menu width all of the tabs are difference sizes (widths).
How do I control the individual tab width?
A: You should use Individual Item styles to achieve this effect.
See the attached example.
You should set:
var bmenuWidth="100%";
I have 5 items in my example, so I've created Individual Style
var bstyles = [
["bitemWidth=20%"],
];
And assign it for all items:
["Item 1 aaaaa ssssss","", "", "", "", "", "0", "", "", ],
["Item 2 ffff jjjjjjjjjj","", "", "", "", "", "0", "", "", ],
["Item 3 text text","", "", "", "", "", "0", "", "", ],
["Item 4 text text","", "", "", "", "", "0", "", "", ],
["Item 5 text text","", "", "", "", "", "0", "", "", ],
But notice that items width cannot be smaller than the width of its'text. So it is possible that you'll have different size of some itemsif your window have a small size.
