Go Back   vb.org Archive > vBulletin Modifications > vBulletin 3.8 Modifications > vBulletin 3.8 Template Modifications
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools
Tabs Like vBulletin.org With Search Details »»
Tabs Like vBulletin.org With Search
Version: 1.0, by ChopSuey ChopSuey is offline
Developer Last Online: Jul 2010 Show Printable Version Email this Page

Category: Board Optimization - Version: 3.8.4 Rating:
Released: 10-24-2009 Last Update: Never Installs: 33
Template Edits
Re-useable Code Translations Is in Beta Stage  
No support by the author.

Okay heres how to do it
----------------------------
AdminCP > Styles & Templates > Style Manager > Your Style > header
Find
HTML Code:
<!-- /logo -->
Now add below:
Code:
<!-- 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
Code:
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
Quote:
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
Code:
<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
Code:
$ad_location[ad_header_end]
And you will be fine but you have to set the options first.
Code:
<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
Code:
            <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

Screenshots

File Type: gif forumtabs.GIF (32.3 KB, 0 views)

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Благодарность от:
yeppuda

Comments
  #72  
Old 04-14-2014, 07:30 AM
Mecho's Avatar
Mecho Mecho is offline
 
Join Date: Aug 2006
Posts: 648
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Any v4 version of this mod ?

couldnt find anything
Reply With Quote
  #73  
Old 04-14-2014, 03:20 PM
blind-eddie's Avatar
blind-eddie blind-eddie is offline
 
Join Date: Apr 2006
Location: Michigan
Posts: 2,310
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Mecho View Post
Any v4 version of this mod ?

couldnt find anything
Search above, Search for, tabs, 4.x Mods, Title Only

Search above, Search for, search, 4.x Mods, Title Only

There are a few options that could be useful.

If you want just the tabs above the navbar, I can give you that.

Add the following to the top of your header template' edit with your info.

Code:
<!-- tabs -->
<br />
 <div id="headertabs">
<ul>
<li><a href="forumdisplay.php?f=8"><b>Classifieds</b></a></li>
<li><a href="profile.php?do=invitation"><b>Invite</b></a></li>
<li><a href="group.php?do=grouplist"><b>Groups</b></a></li>
<li><a href="articles.php"><b>Bookie</b></a></li>
<li><a href="arcade.php"><b>Arcade</b></a></li>
<li><a href="forum.php"><b>Forum</b></a></li>
<li><a href="index.php"><b>Home</b></a></li>

</ul>
</div>
<br />
<!-- /tabs -->
================================================== ==

Add the following to your additional.css template, edit it to match your style.

Code:
	#headertabs ul {
		list-style: none;
                  background:#333333;
		padding: 0;
		margin: 0;
                  margin-right: 25px;
	}
	
	#headertabs li {
		float: right;
                  background:#333333;
		border: 1px solid;
		border-bottom-width: 0;
		margin: 0 0 0 5px;


	}
	
	#headertabs a {
		display: block;
		padding: 0 1em;
	}
	
	#headertabs #selected {
		position: relative;
		top: 1px;
		background: white;
	}


Reply With Quote
2 благодарности(ей) от:
Dj Smuggla, Mecho
  #74  
Old 10-19-2014, 06:09 PM
karabaja3's Avatar
karabaja3 karabaja3 is offline
 
Join Date: Jan 2008
Posts: 143
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

blind-eddie, could you please show how to add round corners like here on vb.org?

Reply With Quote
  #75  
Old 10-29-2014, 12:05 PM
RELAX13 RELAX13 is offline
 
Join Date: Nov 2013
Posts: 8
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Good Id
Reply With Quote
Reply


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 01:05 AM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.05425 seconds
  • Memory Usage 2,301KB
  • Queries Executed 20 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (8)bbcode_code
  • (1)bbcode_html
  • (2)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_post
  • (1)navbar
  • (4)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (2)pagenav_pagelink
  • (5)post_thanks_box
  • (3)post_thanks_box_bit
  • (5)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (2)post_thanks_postbit
  • (5)post_thanks_postbit_info
  • (4)postbit
  • (1)postbit_attachment
  • (5)postbit_onlinestatus
  • (5)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • fetch_musername
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • post_thanks_function_fetch_thanks_bit_start
  • post_thanks_function_show_thanks_date_start
  • post_thanks_function_show_thanks_date_end
  • post_thanks_function_fetch_thanks_bit_end
  • post_thanks_function_fetch_post_thanks_template_start
  • post_thanks_function_fetch_post_thanks_template_end
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_attachment
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete