Results 1 to 3 of 3

Thread: Use of Vertical Tabs with Tab Content Script v2.2?

  1. #1
    Join Date
    Jan 2008
    Posts
    15
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Use of Vertical Tabs with Tab Content Script v2.2?

    1) Script Title: Tab Content Script v2.2

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

    3) Describe problem:
    I desire to create my own version of the Microsoft (MS) home page Microsoft

    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.

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    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:

    Code:
    <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>
    DD Admin

  3. #3
    Join Date
    Jan 2008
    Posts
    15
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Thanks much, that's all I really needed to know. I'll assume this is primarily a CSS change.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •