How to make multiples vB folders on the same forum like vb.org has

[Kirk Y]

Originally Posted by dbirosel

How do we go about accomplishing this though?

I'll throw you guys a bone here; this is how I've done it.

Add the following to your Main CSS - Additional CSS Definitions:
(Courtesy of vB.org)

td.tab a:link,td.tab a:visited,td.tab a:active,a.tab,
td.tab2 a:link,td.tab2 a:visited,td.tab2 a:active,a.tab2,a:link.tab2,a:active.tab2,a:visited.tab2{
background:transparent url(images/tab.gif) top right no-repeat;
font:11px tahoma,sans-serif;
color:yellow;
width:71px;
height:20px;
text-align:center;
padding:2px 0 0;
margin:0 1px;
text-decoration:none;
float:right;
position:relative;
top:0px
}
td.tab a:hover,img.tab a:hover,.tab a:hover,a:hover.tab,
td.tab2 a:link,td.tab2 a:visited,td.tab2 a:active,a.tab2,a:link.tab2,a:active.tab2,a:visited.tab2{
background:transparent url(images/tab2.gif) top right no-repeat;
}

Obviously, you'll need to change the information to suit your needs.

Then you'll need to create 2 images: 1 for what the tab regularly looks like and then another for what it will look like when it's hovered over.

I've placed my tabs under the navbar; so to do that you'd find in your "navbar" template:

<!-- / login form -->
            
        </td>
        
    </if>    
    
</tr>
</table>

And add underneath it:

    <table cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-bottom-width:0px;color:white;">
  <tr>
    <td class="nowrap" align="right" valign="bottom" style="padding:0 5px 0;color:white">

<a href="#" title="My Tab" id="mytab" class="tab">My Tab</a>
<script type="text/javascript">
        vbmenu_register("mytab",true);
    </script>

  </tr></table>

<div class="vbmenu_popup" id="mytab_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0" align="left">
        <tr align="left">
            <td class="thead"><a href="forumdisplay.php?f=12">My Tab</a> </td>
        </tr>
        <tr align="left">
            <td class="vbmenu_option" title="">
<a href="#">Link</a>
</td>
</tr>
        <tr align="left">
            <td class="vbmenu_option" title="">
<a href="#">Link 2</a>
</td></tr>
</table>
</div>

Again, edit to suit your needs.

http://img112.imageshack.us/img112/8497/tabsub5.gif