PDA

View Full Version : Use of Vertical Tabs with Tab Content Script v2.2?



virtual9
02-12-2010, 01:13 PM
1) Script Title: Tab Content Script v2.2

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm

3) Describe problem:
I desire to create my own version of the Microsoft (MS) home page Microsoft (http://www.microsoft.com/en/us/default.aspx)

In particular, on the MS home page, just below the news block, they use text tabs on the left to reveal content to the right of the tabs. With that as background, can the DD Tab Content Script v2.2 be used for the same purpose? All the examples of the DD script use horizontal tabs. Any reason why I cannot use vertical tabs with this script? (Tabs on left with content revealed to the right.)

Am I using the right script for what I am attempting to accomplish? Do you recommend the use of another DD script given the Microsoft example provided?

Thanks for any instruction provided.

ddadmin
02-12-2010, 10:06 PM
Assuming you have the desired vertical menu to use with this script, getting the two to work should be simple enough. The tabs used by the script is simply a regular UL list, and with CSS, can be transformed to a vertical layout:


<ul id="countrytabs" class="shadetabs">
<li><a href="#" rel="country1" class="selected">Tab 1</a></li>
<li><a href="#" rel="country2">Tab 2</a></li>
<li><a href="#" rel="country3">Tab 3</a></li>
<li><a href="#" rel="country4">Tab 4</a></li>
<li><a href="http://www.dynamicdrive.com">Dynamic Drive</a></li>
</ul>

virtual9
02-12-2010, 10:19 PM
Thanks much, that's all I really needed to know. I'll assume this is primarily a CSS change.