Forum Home Enhancements - Another Forum Tabs

Another Forum Tabs
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;
} 


Add to template you want :

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> 


[belindazhu]

i met a problem.
My forum is fixed in width as 980px, but when I open my forum, the tags is floated on left, not in the same verticle line with body. how to resolve it?

[deadlySniper]

This is great, thanks. But I have a different one that's just text

[DNG]

nice,, thanks

[Mellymonster]

Is there away to have a tab that only staff can see and members cannot see?

[bobster65]

Originally Posted by Mellymonster

Is there away to have a tab that only staff can see and members cannot see?

Ya, just wrap the <li> that you want "hidden" with a template conditional.. just replace 5,6 with the user group IDs that you want to be able to SEE the Tab

<if condition="is_member_of($vbulletin->userinfo, 5,6)"> 
	<li><a href="#"><span>Page 3</span></a></li>
</if>

[Mellymonster]

Oh thank you so much for the quick response.

[Mellymonster]

For some reason, in IE this is what it looks like... I am not a regular IE user, but a member brought it to my attention

[1320Nation]

Is there anyway to set this mod up so that when a tab is clicked on it opens up a new window so it doesn't pull the viewer away from our website?

[Hi-Jack]

Hi guys, i don't want this tab to show on my portal, only the forums. When placing it in the FORUMHOME template section it only shows up there and not on the forumdisplay... Se where should i add the code for the tabs?

[Limode]

Originally Posted by Hi-Jack

Hi guys, i don't want this tab to show on my portal, only the forums. When placing it in the FORUMHOME template section it only shows up there and not on the forumdisplay... Se where should i add the code for the tabs?

Easy, real this : http://www.vbulletin.com/docs/html/t...e_conditionals

PHP Code:

<if condition="THIS_SCRIPT != 'your portal' ''>
  <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>  
</if>