PDA

View Full Version : Tab Content Script custom



skorv
06-17-2007, 09:29 PM
1) Script Title:
Tab Content Script
2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex17/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

ddadmin
06-18-2007, 09:05 PM
The CSS for this script is basically lifted directly from "Shade Image Tabs (http://www.dynamicdrive.com/style/csslibrary/item/shade-image-tabs-menu/)" 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/csslibrary/item/solid-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:


<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>