The Arcive of Official vBulletin Modifications Site.

[AJAX] Tabbed Forum Home · **Released**: 04-09-2008

Tabbed Forum Home version 1.01

[AJAX] Tabbed Forum Home version 1.5.0 (BETA)

NOTE: Works with both 3.7x and 3.6x

Description: This MOD is for creating a "Tabbed" Forum Home Page to have Categories displayed within Tab containers (similar to what the new Profile System looks like on vb3.7). Please do not confuse this with the Tab Menu System here at vbulletin.org. They are totally different systems. These Tabs actually switch the content without leaving the main forums page.

I wrote the initial Non AJAX version based on reading many requests from members asking about how namepros created their custom tabbed forum home page. The first implementation I did was a request by bbwforums.net (which you can visit to see a working example). I have shared this version with many members already and decided to release it since it seems to be something that a lot of members are interested in.

UPDATE: I have released a BETA [AJAX] version for those that what something a little more robust and easier to install/configure. This Beta version will never go into production tho as version 2.0 will utilize the YUI AJAX Tabview Toolset. It IS stable tho and is currently running on a few live sites.

NOTE: Keep in mind, I wrote this with the assumption that you are fairly well versed and comfortable with editing files/templates and following the flow of things. If there is something you don't understand, PLEASE let me know so that I can help you understand it. This IS NOT a product that a novice can just plug and play and it takes a little bit of time to setup, but its well worth it in the end (if you want a custom unique look to your forum home page)... the next version (Don't ask when, cause its just on the drawing board) will be a product with ACP controls for easy setup

The attached Zip File(s) contain the Files and Instructions necessary to install each version.

DEMO: www.bbwforums.net or www.namepros.com
[Moderator Edit: The first URL has been un-linked as there has been reported malware on that domain. The mod author may edit this notice once the situation has been cleaned.]

Screen Shots: None, visit one or both of the above links as seeing them in action is better than some static image(s)..

Bobster

Change Log

version 1.01 -
tabcontent.js ver 2.2 to support remote links
updated install instructions (both in txt and rtf format)

version 1.5.0 -
BETA [AJAX] version

July 8, 2008 - Added xml file for WOL
Sep 2, 2008 - Updated xml file for WOL

rapidphim · #**182** 05-09-2008, 07:59 PM

Bob... are you going to release this for 3.7.0 gold?

bobster65 · #**183** 05-09-2008, 08:03 PM

Quote:

Originally Posted by rapidphim

Bob... are you going to release this for 3.7.0 gold?

It works fine with 3.7 Gold .. I want to rewrite the install instructions tho before I create a new thread in the 3.7 Release area..

bobster65 · #**184** 05-09-2008, 08:04 PM

Quote:

Originally Posted by OsideRida06

I am trying to install this right now.

I have not quite figured it out yet. I had things showing up under tab 2 once. Then I did something and lost it. So now I just have the first tab showing content. The whole forum of course.

I am going to give it another go here in a bit though.

Great mod by the way.

Anyone that may be able to help me out can hit me up on instant messenger.

AIM = OsideRida06
Yahoo = hellafine_guy2780

Hopefully I will not need the help. I am hoping to figure it out. Any help in helping me figure it out though, would be great.

Did you get things figured out? If not, PM me and lets set up a time to chat so I can help you out ...

rapidphim · #**185** 05-09-2008, 09:42 PM

Thanks Bob, I'll try it out tonight.

viganothing · #**186** 05-09-2008, 09:57 PM

Quote:

Originally Posted by bobster65

PM sent for additional info..

can you send me the info plz , i'm having the same problem

bobster65 · #**187** 05-09-2008, 10:11 PM

Quote:

Originally Posted by viganothing

can you send me the info plz , i'm having the same problem

I sent him a PM asking Him for additional info so I could trouble shoot his problem ..

His problem was that he didn't complete the install instructions. He had 3 tabs, but only 2 content areas.. the number of content areas needs to match the number of tabs...

ie..

This is the part where you determine the number of "tabs" In this example, there are 3 Tabs and each tab is associated with a content area ie... rel="tcontent1"

Code:

<!-- Tabbed Forum Home Tabs Layout -->
	<ul id="forumtabs" class="shadetabs"> 
	<li><a href="#" rel="tcontent1" class="selected">Tab 1 Name</a></li> 
	<li><a href="#" rel="tcontent2">Tab 2 Name</a></li> 
	<li><a href="#" rel="tcontent3">Tab 3 Name</a></li> 
	</ul> 
	<!-- /Tabbed Forum Home Tabs Layout -->

For the above example to work, you need to have the 3 content areas ... rel="tcontent1" , rel="tcontent2" , rel="tcontent3"

This is a sample content area.. I personally start out (and end) each content area with a comment to identify it. You will notice that the first line of code is a Div with the content ID that matches the specific tab. Make sure that there is only one content area for each of your tabs..

Code:

<!-- Tabbed Forum Home ? START Tab 2 Content Layout -->
<div id="tcontent2" class="tabcontent">

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<thead>
	<tr align="center">
	  <td class="thead">&nbsp;</td>
	  <td class="thead" width="100%" align="$stylevar[left]">$vbphrase[forum]</td>
	  <td class="thead" width="175">$vbphrase[last_post]</td>
	  <td class="thead">$vbphrase[threads]</td>
	  <td class="thead">$vbphrase[posts]</td>
	  <if condition="$vboptions['showmoderatorcolumn']">
	  <td class="thead">$vbphrase[moderator]</td>
	  </if>
	</tr>
</thead>

<!-- CUSTOM tbody CODE BASED ON YOUR STYLE -->
<tbody>
	<tr>
		<td class="tcat" colspan="<if condition="$vboptions['showmoderatorcolumn']">6<else />5</if>"><a style="float:right" href="#top" onclick="return toggle_collapse('forumbit_66')"><img id="collapseimg_forumbit_66" src="images/buttons/collapse_tcat.gif" alt="" border="0" /></a><a href="forumdisplay.php?f=6">CATEGORY NAME</a></td>
	</tr>
</tbody>

<tbody id="collapseobj_forumbit_66" style="">
$forumbits2
</tbody>
<!-- /CUSTOM tbody CODE BASED ON YOUR STYLE -->


<tbody>
	<tr>
		<td class="tfoot" align="center" colspan="<if condition="$vboptions['showmoderatorcolumn']">6<else />5</if>"><div class="smallfont"><strong><a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">$vbphrase[mark_forums_read]</a><if condition="$vboptions['forumleaders']">&nbsp; &nbsp;<a href="showgroups.php$session[sessionurl_q]" rel="nofollow">$vbphrase[view_forum_leaders]</a></if></strong></div></td>
	</tr>
</tbody>
</table>

$forumhome_markread_script

</div>
<!-- /Tabbed Forum Home ? END Tab 2 Content Layout -->

If you have more Tabs then you have content areas, the entire system won't work correctly....

Bree · #**188** 05-09-2008, 10:49 PM

I can't believe I hadn't posted in here yet *blush*...

This is awesome Bobster! I am definitely using this on one of my sites... I just gotta figure out which one and exactly for what first hehe... You have gotten me 100% addicted to ajax tabs.. Keep coming up with stuff like this and my whole site will be one big tab! LOL You are awesome... keep up the great work!

Always, Bree
PS.. I Voted for you: MOTM <-- of course

bobster65 · #**189** 05-09-2008, 10:58 PM

Quote:

Originally Posted by Bree

I can't believe I hadn't posted in here yet *blush*...

This is awesome Bobster! I am definitely using this on one of my sites... I just gotta figure out which one and exactly for what first hehe... You have gotten me 100% addicted to ajax tabs.. Keep coming up with stuff like this and my whole site will be one big tab! LOL You are awesome... keep up the great work!

Always, Bree
PS.. I Voted for you: MOTM <-- of course

You better install it soon (and learn it inside out) cause you are going to help with version 2.0

( altho I still need to fill you in on that minor detail lol )

Thanks Sunshine

rapidphim · #**190** 05-10-2008, 04:49 AM

I'm so lost on this one. I was able to create the tab but not sure how to move the whole selected section to second tab or third tab....

mikkitine · #**191** 05-10-2008, 06:33 AM

Quote:

Originally Posted by rapidphim

I'm so lost on this one. I was able to create the tab but not sure how to move the whole selected section to second tab or third tab....

Just follow the instructions step-by-step from start to end and you'll get a result. It might take some trial and error, but if you're doing everything as the instructions say you will get what you want.

This is a great mod and looks very nice. I want to see what kind of effect it has on my forum registrations. If I get positive results I'll return to nominate this mod. :up:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.06634 seconds Memory Usage 2,349KB Queries Executed 27 (?)
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 (2)bbcode_code (6)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 (4)pagenav_pagelink (4)pagenav_pagelinkrel (11)post_thanks_box (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (11)post_thanks_postbit_info (10)postbit (3)postbit_attachment (11)postbit_onlinestatus (11)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 post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername 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
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!