Results 1 to 2 of 2

Thread: Tab Content Script custom

  1. #1
    Join Date
    Jun 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Talking Tab Content Script custom

    1) Script Title:
    Tab Content Script
    2) Script URL (on DD):
    http://www.dynamicdrive.com/dynamici...tabcontent.htm
    3) Describe problem:
    I'm trying to create a custom look based on this script by editing the .css file.

    my goal is to have the tab buttons spread to the tab content width, like one who appears at http://www.importtuner.com/index.html if you scroll down a bit you'll see it.

    The buttons are custom in size due to the background picture and are "evenly" distributed over the header area.

    All help will be most welcome.

    Thanks

    Sk

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

    Default

    The CSS for this script is basically lifted directly from "Shade Image Tabs" menu". This means if you don't like it, you can basically swap it out with another CSS menu found in the CSS library, such as this one instead: http://www.dynamicdrive.com/style/cs...id-block-menu/ Just swap out the .css file with the new one, plus edit the HTML of the tabs so the correct CSS class names are used:

    Code:
    <ul id="maintab" class="shadetabs">
    <li class="selected"><a href="#" rel="tcontent1">Tab 1</a></li>
    <li><a href="#" rel="tcontent2">Tab 2</a></li>
    <li><a href="#" rel="tcontent3">Tab 3</a></li>
    <li><a href="#" rel="tcontent4">Tab 4</a></li>
    <li><a href="http://www.dynamicdrive.com">Dynamic Drive</a></li>
    </ul>

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
  •