Css Vertical Tabs Personal Images

Support

FAQ

Contacts

About Us

Recent Questions

I am looking to create css vertical tabs, and the tabs are my personal images and I want to place html text into tabs.

Return to Recent Questions

Q: I am trying to follow your directions on how to load the application and I am completely lost as to what I need to do.
Do you have instructions on how operate the application; I am having a very difficult problem trying to maneuver around.
I am looking to create css vertical tabs, and the tabs are my personal images and I want to place html text into tabs.

A: To set your own images for tabs you should use the following
parameters (see how we created images in the attached example):

var bitemBackImage=["img/styleIE7_n_back.gif","img/styleIE7_o_back.gif","img/styleIE7_s_back.gif"];
var bbeforeItemImage=["img/styleIE7_n_left.gif","img/styleIE7_o_left.gif","img/styleIE7_s_left.gif"];
var bafterItemImage=["img/styleIE7_n_right.gif","img/styleIE7_o_right.gif","img/styleIE7_s_right.gif"];

You can also use a whole images for you tabs you should use only
var bitemBackImage=["img/styleIE7_n_back.gif","img/styleIE7_o_back.gif","img/styleIE7_s_back.gif"];

Set the dimensions of the menu here:
var bmenuWidth="600px";
var bmenuHeight="33px";

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", "", "", ],

Return to Recent Questions

Related:

Dec 31, 2006 - Is there a way to use the javascript floating bar without generating the warning?
Jan 11, 2007 - How can I upgrade my css vertical menu to v.2.0?
Jan 24, 2007 - In firefox my css vertical javascript menu is shifted way to the right
Feb 21, 2007 - The down arrows of my vertical menu css only show on the main page, how to fix it?
March 01, 2007 - I would like to have each sub menu with width 100 in my vertical css menu
Sep 06, 2007 - Is it possible to change which tab is selected in css menu tabs
Nov 24, 2007 - I need to have a css horizontal menu and a vertical menu on the same page?
Dec 06, 2007 - Is there a way to have the sub menus open to left instead of right in css menu vertical?
May 26, 2009 - I get an error in the css vertical drop down menu. It says error on a line of text that isn't even there.
Jun 17, 2009 - How can I get an image to be a separator in between items on my css vertical dropdown menu?
Jun 27, 2009 - ...the div drop down menu are not going in front of a flash element that is on the page.

Most Suitable 11 Best Wix Alternatives Website Creators Nice and Simple HTML Website Maker with HTML Code Export \| Landing Page Maker - Landing Page Maker \| No Coding Website Builder - Easiest Website Builder \| Best Free QR Code Generators 2023 \| Website Design Tool - Website Development Software \|
Copyright (c) 2019, Deluxe-Menu.com	Home \| Product Info \| Samples \| Download \| Purchase \| FAQ \| Site Map \| Terms of Use \|
All rights reserved.	Free AI Website Builder \| AI Website Generator \| Website Generator AI \| AI web design generator \| AI web page design generator