Another Forum Tabs
Mod Version: 1.00, by vibedream
| vB Version: 3.8.1 | Rating:  (2 votes - 4.50 average) |
Installs: 64 |
| Released: 22 Mar 2009 | Last Update: Never | Downloads: 574 |
 Not Supported
 Template Edits
|
||
Another Forum Tabs
http://vibe.vn/photo/u1a205p2725/tab.png
Installtion
- Upload vibetab.gif to images/
- Edit template / Additional CSS Definitions add :
Add to template you want :
http://vibe.vn/photo/u1a205p2725/tab.png
Installtion
- Upload vibetab.gif to images/
- Edit template / Additional CSS Definitions add :
PHP Code:
#vibetab
{
margin:5px 0 0 0px;
height:29px;
font-weight:bold;
}
#vibetab a
{
color:white;
background:url(../images/vibetab.gif) 0% 0% no-repeat;
text-decoration: none;
padding-left: 6px;
margin:0;
height:29px;
outline:0;
}
#vibetab a span
{
background: url(../images/vibetab.gif) 100% 0% no-repeat;
padding: 9px 12px 0 4px;
height:29px;
cursor: pointer;
}
#vibetab a, #vibetab a span
{
display: block;
float: left;
}
#vibetab a#active_menutopnav
{
color: black;
background:url(../images/vibetab.gif) 0% 44% no-repeat;
}
#vibetab a#active_menutopnav span
{
background: url(../images/vibetab.gif) 100% 50% no-repeat;
}
#vibetab a:hover
{
color: white;
background:url(../images/vibetab.gif) 0% 89% no-repeat;
}
#vibetab a:hover span
{
background: url(../images/vibetab.gif) 100% 100% no-repeat;
}
#vibetab ul
{
list-style: none;
padding: 0;
margin: 0;
}
#vibetab li
{
float: left;
margin: 0;
}
PHP Code:
<div id="vibetab">
<ul>
<li><a href="#" id="active_menutopnav"><span>Portal</span></a></li>
<li><a href="#"><span>Forum</span></a></li>
<li><a href="#"><span>Article</span></a></li>
<li><a href="#"><span>Mods</span></a></li>
<li><a href="#"><span>Styles</span></a></li>
<li><a href="#"><span>Graphic</span></a></li>
<li><a href="#"><span>Page 1</span></a></li>
<li><a href="#"><span>Page 2</span></a></li>
<li><a href="#"><span>Page 3</span></a></li>
</ul>
</div>
Download
vibetab.zip (7.9 KB, 614 downloads)