ایجاد تب های زیبا برای فروم شما

[TAHA]

سلام.
هک خاصی نداره .
فقط باید به قسمت تنظیمات استایل -> استایل مورد نظر --> بخش css های اضافی برین و کد های زیر رو به تهش اضافه کنید :
کد:

#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;
}

حالا این کد رو برای مثال ته هدر یا هر قسمتی که میخواین بذارین:
بجای لینک لینک مورد نظر بجای اسم های جلوش هم تیتر مورد نظر
کد:


کد:

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

__________________