Results 1 to 4 of 4

Thread: Tab Content Script - tabs different color from the body

  1. #1
    Join Date
    Jan 2006
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Tab Content Script - tabs different color from the body

    I would like to use a different color (style) for the Active tabs, that is not the same as the body color.

    I am using the Tab Content Script:
    http://www.dynamicdrive.com/dynamici...tabcontent.htm

    You can see the page here:
    http://www.digitaltutors.com/store/p...&cat=51&page=1

    So, instead of having the tab color as Grey, I'd like to have it in Black with white link.

    Thanks in advance for any help!

  2. #2
    Join Date
    Jun 2006
    Location
    Perth Western Australia
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hi,

    In the ajaxtabs.css make changes to the '.shadetabs li.selected a' for the background, I use an image i.e. background-image: url(topBgSel.gif); so my entire style is:

    HTML Code:
    .shadetabs li.selected a{ /*selected main tab style */
    background: white url(topBg.png) top left repeat-x;
    border-bottom-color: white;
    }
    If you make the image a black gif it will work.

    Add:
    HTML Code:
    color: white;
    to the above will make the selected tab font white.

    Regards

    Hebbs

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

    Default

    Hebb, he's actually referring to a different script

    Regarding your question, you should be able to set the active tab's colors by editting the CSS:

    Code:
    #tablist li a.current{
    background: lightyellow;
    }

  4. #4
    Join Date
    Jun 2006
    Location
    Perth Western Australia
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hmmmm,

    Note to self, get to bed BEFORE midnight, the brain obviously not functioning too well after

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
  •