[bobster65]

Originally Posted by Sharapova

Any chance you could help me with that?

I was looking for something similar to:

http://www.bbwforums.net/

With the margin set up like that too.

Default Colour: #000000
When Clicked: blue/gradients/gradient_tcat.gif

Would very very much appreciate it. If you were looking for a very small fee I could give that too.

Find This chunk of code in the FORUMHOME template ...

<div id="ajaxTFH" class="TFHmenu2">
	<ul>
		<li class="selected"><a href="tabforumhome.php?tabcat[]=93&tabcat[]=97" rel="ajaxTFHcontentarea">Dream Teams</a></li>

        <li><a href="tabforumhome.php?tabcat[]=109" rel="ajaxTFHcontentarea">Sports</a></li>

     <li><a href="tabforumhome.php?tabcat[]=4&tabcat[]=3" rel="ajaxTFHcontentarea">FFL Coach</a></li>
	</ul>
</div>

<br style="clear: left" />

<div class="TFHmenu2line"></div>

<div id="ajaxTFHcontentarea" style="border:0px solid gray; width:100%; height: 100%; background-color: white; padding: 0px"></div>

Replace that with this ....

<ul id="ajaxTFH" class="shadetabs">
<li><a href="tabforumhome.php?tabcat[]=93&tabcat[]=97" rel="ajaxTFHcontentarea" class="selected>Dream Teams</a>
<li><a href="tabforumhome.php?tabcat[]=109" rel="ajaxTFHcontentarea">Sports</a></li>
<li><a href="tabforumhome.php?tabcat[]=4&tabcat[]=3" rel="ajaxTFHcontentarea">FFL Coach</a></li>
</ul>

<div id="ajaxTFHcontentarea" style="border:1px solid gray; width:100%; margin-bottom: 1em; padding: 10px">
</div>

Replace your current CSS with this CSS and make sure to edit the paths below in red to reflect the location of those images

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #FFFFFF;
background: #5C7099 url(http://www.bbwforums.net/innocence/gradients/gradient_thead.gif) repeat-x top left;
}

.shadetabs li a:visited{
color: #FFFFFF;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #FFFFFF;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(http://www.bbwforums.net/innocence/gradients/gradient_tcat.gif);



border-bottom-color: #0088ba;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}