Board Optimization - Tabs Like vBulletin.org With Search

Okay heres how to do it
----------------------------
AdminCP > Styles & Templates > Style Manager > Your Style > header
Find

<!-- /logo -->

Now add below:

<!-- tabs -->
		<table align="right" cellpadding="0" cellspacing="1" border="0">
		<tr>
<td width="100%" align="right">
<a href="http://www.yoursite.com/forum/forumdisplay.php?f=X" class="tab"><b>Tab 1</b></a>
<a href="http://www.yoursite.com/forum/forumdisplay.php?f=X" class="tab"><b>Tab 2</b></a>
<a href="http://www.yoursite.com/forum/forumdisplay.php?f=X" class="tab"><b>Tab 3</b></a>
<a href="http://www.yoursite.com/forum/forumdisplay.php?f=X" class="tab"><b>Tab 4</b></a>
<a href="http://www.yoursite.com/forum/forumdisplay.php?f=X" class="tab"><b>Tab 5</b></a>
<a href="http://www.yoursite.com/forum/forumdisplay.php?f=X" class="tab"><b>Tab 6</b></a>
<a href="http://www.yoursite.com/forum/" class="tab"><b>Forum</b></a>
<a href="http://www.yoursite.com/" class="tab"><b>Home</b></a></td></tr ></table>
<!-- /tabs -->

Replace the X's with the forum ID. You might want to edit the settings first. The last tab will display on the left while the first tab will display on the right. So it goes from left to right order.
After you are done go to AdminCP > Styles & Templates > Style Manager > Your Style > Main CSS
Now add this to your Additional CSS

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(http://www.imagelink.com/image.gif) top right no-repeat;
font:10pt tahoma,sans-serif;
width:76px;
height:20px;
text-align:center;
padding:2px 0 0;
margin:0 1px;
text-decoration:none;
float:right;
position:relative;
top:3px
}
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(http://www.imagelink.com/image.gif) bottom right no-repeat
}

You can choose your own images, just use a direct image link and fill it in.
OH yeah, you can edit the CSS to anything you like i just put mine like that to match my skin.
-----------------------------------------
Okay if have chosen your tabs for the forum you want to display. Then go to
AdminCP > Forums & Moderators > Forum Manager > Your Fourm > Edit Forum
Scroll down to Posting Options, you will see

Forum is Active (Will not appear if set to no, but remains accessible if the forum's URL is known)

You need to set it to NO. Then you are good to go
-----------------------------------------
To make more than one category appear in a forum just make a new one with no parent forum. Now pick any category and set its parent forum to the new forum you just made. Now we got two Categories displaying. Make sure the X is the new forum you juse made or else it will not work. For the second category, make its parent forum the new forum you just made. Then once the tab is set to the new forum you have tabs like vb.org
I mean here is what i mean https://vborg.vbsupport.ru/forumdisplay.php?f=164
Have two categories with their parent forum as a category too. So you would set the X to 164 to show styles and graphics.
To make tabs only show to certain usergroups using IF condition it would look like this

<if condition="is_member_of($vbulletin->userinfo, 6,5,7)">
	<a href="http://www.yoursite.com/forum/forumdisplay.php?f=X" class="tab"><b>Staff Area</b></a></if>

Use the USERGROUP ID's
------------------------------------------
Here is the search option like vbulletin.org
just place it below the

$ad_location[ad_header_end]

And you will be fine but you have to set the options first.

<br>
<td align="center"><if condition="$show['searchbuttons']">
	<!-- header quick search form -->
	<form action="search.php?do=process" method="post" <align="right">
	<input type="hidden" name="do" value="process" />
	<input type="hidden" name="quicksearch" value="1" />
	<input type="hidden" name="childforums" value="1" />
	<input type="hidden" name="exactname" value="1" />
	<input type="hidden" name="s" value="$session[sessionhash]" />
	<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
<div>
<div align="right"> 
<input type="text" name="query" size="18" style="font-size: 8pt;" />
<select name="forumchoice[]">
            <option value="-1" selected="selected">All Forums</option>
            <option value="1">Forum 1</option>
            <option value="2">Forum 2</option>
            <option value="3">Forum 3</option>
            <option value="4">Forum 4</option>
            <option value="5">Forum 5</option>
          </select>
<select name="titleonly">
		<option value="0" selected="selected">All Posts</option>
		<option value="1" >Titles Only</option>
	</select><input name="search" value="Search" type="submit" class="button" /><a href="search.php" accesskey="4" rel="nofollow" id="navbar_search1" class=""><img src="$stylevar[imgdir_misc]/menu_open.gif" alt="" title="Advanced Search" border="0" /></a>
            <script type="text/javascript"> vbmenu_register("navbar_search1",1); </script>
</div>
</form>
<!-- <br />
<form action="tags.php" method="get">
<span id="tag_wrapper"><input type="text" id="tag_input" name="tag" size="25" style="font-size: 8pt" value="enter tag, and hit enter" onFocus="this.value=''" onBlur="this.value='enter tag, and hit enter'"/></span>
</form> -->
<div class="vbmenu_popup" id="navbar_search1_menu" style="display:none">
	<table cellpadding="4" cellspacing="1" border="0">
	<tr><td class="thead" align="left">Search Options</td></tr>
	<tr><td class="vbmenu_option" align="left"><a href="search.php?$session[sessionurl]do=finduser&amp;u=$bbuserinfo[userid]" rel="nofollow">My Posts</a></td></tr>
	<tr><td class="vbmenu_option" align="left"><a href="search.php?$session[sessionurl]do=process&amp;showposts=0&amp;starteronly=1&amp;exactname=1&amp;searchuser=$bbuserinfo[username]" rel="nofollow">My Threads</a></td></tr>
	<tr><td class="vbmenu_option" align="left"><a href="search.php?$session[sessionurl]do=getnew" rel="nofollow">New Posts</a></td></tr>
	<tr><td class="vbmenu_option" align="left"><a href="search.php?$session[sessionurl]do=getdaily" rel="nofollow">Today's Posts</a></td></tr>
	<tr><td class="vbmenu_option" align="left"><a href="search.php?$session[sessionurl]do=process&amp;replyless=1&amp;replylimit=0&amp;exclude=30&amp;nocache=1" rel="nofollow">Unanswered Threads</a></td></tr>
	<tr><td class="vbmenu_option" align="left"><a href="search.php$session[sessionurl]" accesskey="4" rel="nofollow">Advanced Search</a></td></tr>
	</table>
</div></td>
	<!-- / header quick search form -->
	</if>

That is quite easy just look here

            <option value="-1" selected="selected">All Forums</option>
            <option value="1">Forum 1</option>
            <option value="2">Forum 2</option>
            <option value="3">Forum 3</option>
            <option value="4">Forum 4</option>
            <option value="5">Forum 5</option>
          </select>

Then edit the option value to the forum category ID of whichever forum that you decide to put in there.
------------------------------
If this was already posted, then im sorry. Just thought i'd post what i did to have tabs like here. Enjoy.
If you cannot understand some stuff of what i said, its because i haven't slept for 2 and a half days. :erm:
Mark as installed
See attachments also.
---------------------------------------------
DEMO: http://home.gamingcube.org

[RedHacker]

I think destroy display member profile....

[ChopSuey]

This has nothing to do with the member profile. Its just in the header.
Got a screenshot?

[x626xblack]

It does not work well if you have Scrolling Marquee on top of your forums. It puts the tab names in the scrolling marquee and they are not clickable.

[giabao88]

tab could not change its style to tab2 when it is selected like vbulletin.org, isn't it?

For example, when you select Mods on Vbulletin.org, the background of it changed to let u know where you are. I tried everyway with css but no luck.

[ChopSuey]

Probably the mouse over effect thing. Sorry i dont know how to do that. x

[bluej]

Originally Posted by GSeybold

Hello Potentially great mod. Thank you !

One problem. After installing in additional CSS the tabs go vertical? Not sure why.

in firefox the tabs display horizontally but in IE8 they are vertical on the right

any fix for this?

[ChopSuey]

Originally Posted by bluej

in firefox the tabs display horizontally but in IE8 they are vertical on the right

any fix for this?

Im sorry i dont know how to work with browsers.. I'll see what i can do.

[bluej]

Originally Posted by ChopSuey

Im sorry i dont know how to work with browsers.. I'll see what i can do.

thanks for your quick reply...i have decided to use another mod and it seems to work fine in both browsers...

thanks for you hard work

[ChopSuey]

Great, glad you got a problem solved.

[COL NIL SATIS]

i also have ie8 at my tabs have gone vertical..GAHHHHHHHHHHHH