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

bobster65 · #**752** 09-05-2008, 09:30 PM

Quote:

Originally Posted by i156

I just changed over IP addresses on my domain today and now my tabs aren't showing up. All I see is a bullet list of my forums. Any ideas what is causing this???

http://www.usacarry.com/forums/

Quote:

Originally Posted by iBaker

i156
This would be directly related to the css file and the tabs finding it. It should be listed at the top of the forumhome template and looks something like:

HTML Code:

<link rel="stylesheet" type="text/css" href="clientscript/tabs/ajaxtabs.css" />

Just in my opinion I would start looking from there also it may (just guessing) have something to do with cache but then I am only a back yarder in coding but it may help to get you started till the big boys offer something

yup, iBaker is correct.. check both the paths to the .ccs AND .js .. make sure your old URL isn't appended to them.

Brother Malachi · #**753** 09-06-2008, 09:24 AM

Wait...is the AJAX version still crawlable?

bobster65 · #**754** 09-06-2008, 04:57 PM

Quote:

Originally Posted by hammerhead24

Wait...is the AJAX version still crawlable?

Yes. Its been tested more than once is completely search engine unobtrusive. If you need to make yourself comfortable, simple create a child style and make the child style tabbed and the parent style the default..

Cheertobi · #**755** 09-06-2008, 10:07 PM

Hi,

will V2.0 be able to handle this module?!

Got V1.5 to work, but it does not play well together with Xenons Hack ;(

Regards,

Tobi

bobster65 · #**756** 09-06-2008, 11:17 PM

Quote:

Originally Posted by Cheertobi

Hi,

will V2.0 be able to handle this module?!

Got V1.5 to work, but it does not play well together with Xenons Hack ;(

Regards,

Tobi

Yes, I have it working and posted the solution to hammerhead in that thread... We've also added support for it in ver 2.0

HERE is the solution that I posted ...

Quote:

Originally Posted by hammerhead24

How would I go about combining this with the [AJAX] tabbed forums mod.

Thanks for any help.

Pretty easy actually ..

I am going to assume you already installed this and am only going to give you the changes you need to make for this to work with TFH ..

FIND THIS in (includes/functions_forumlist.php ) File

Code:

if (THIS_SCRIPT == 'index' AND $forum['subforumcolumns'] != 1 AND ($subsonly OR $depth < MAXFORUMDEPTH))
		{
			$childforumbits = construct_forum_columns($forum['forumid'], $forum['subforumcolumns']);
		}
		else if ($subsonly)
		{
			$childforumbits = construct_forum_bit($forum['forumid'], 1, $subsonly);
		}
		else if ($depth < MAXFORUMDEPTH)
		{
			$childforumbits = construct_forum_bit($forum['forumid'], $depth, $subsonly);
		}
		else
		{
			$childforumbits = '';
		}

REPLACE with THIS (NOTE: New Code is highlighted in red ... )

Code:

if (THIS_SCRIPT == 'index' AND $forum['subforumcolumns'] != 1 AND ($subsonly OR $depth < MAXFORUMDEPTH))
		{
			$childforumbits = construct_forum_columns($forum['forumid'], $forum['subforumcolumns']);
		}
		else if (THIS_SCRIPT == 'tabforumhome' or 'index' AND $forum['subforumcolumns'] != 1 AND ($subsonly OR $depth < MAXFORUMDEPTH))
		{
			$childforumbits = construct_forum_columns($forum['forumid'], $forum['subforumcolumns']);
		}
		else if ($subsonly)
		{
			$childforumbits = construct_forum_bit($forum['forumid'], 1, $subsonly);
		}
		else if ($depth < MAXFORUMDEPTH)
		{
			$childforumbits = construct_forum_bit($forum['forumid'], $depth, $subsonly);
		}
		else
		{
			$childforumbits = '';
		}

THEN CHECK/EDIT your forumhome_forumbit_level1_nopost Template

NOTE: You should have this step already done if you installed both properly..

NOTE: Red Highlite = TFH Code Green Highlite= Forums arranged in columns on forumhome Code Black Code = Default vB (yours might be slightly different if you have a custom style, however, the colored stuff HAS to be exact) ..

Code:

<if condition="(THIS_SCRIPT == 'tabforumhome' AND in_array($forum['forumid'], $GLOBALS[tabcats])) OR THIS_SCRIPT == 'forumdisplay'">
<tbody>
	<tr>
		<td class="tcat" colspan="<if condition="$vboptions[showmoderatorcolumn]">6<else />5</if>">
			<if condition="$childforumbits">
			<a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumbit_$forumid')"><img id="collapseimg_forumbit_$forumid" src="$stylevar[imgdir_button]/collapse_tcat{$collapseimg_forumid}.gif" alt="" border="0" /></a>
			</if>
			<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">$forum[title]</a>
			<if condition="$show['forumdescription']"><div class="smallfont">$forum[description]</div></if>
			<if condition="$show['subforums']"><div class="smallfont"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></if>
		</td>
	</tr>
</tbody>

<if condition="$childforumbits">
<tbody id="collapseobj_forumbit_$forumid" style="{$collapseobj_forumid}">
<if condition="$forum['subforumcolumns'] > 1">
	<tr>
		<td class="alt1" colspan="<if condition="$vboptions[showmoderatorcolumn]">6<else />5</if>">
<table style="border: none; width: 100%;">
			$childforumbits
</table>
		</td>
	</tr>
<else />
	$childforumbits
</if>
</tbody>
</if>
</if>

This works fine on both default vB and with Custom styles (I tested both this AM)

Cheertobi · #**757** 09-06-2008, 11:40 PM

Hi,

great, thanks for this fast support, will try this tomorrow, need some sleep now!

Regards,

Tobias

AusFootball · #**758** 09-07-2008, 10:29 AM

Just installed the mod, how do i add new forums under the new tab.

My site is www.dogforum.com.au

Thanks

bobster65 · #**759** 09-08-2008, 02:11 PM

Quote:

Originally Posted by Cheertobi

Hi,

great, thanks for this fast support, will try this tomorrow, need some sleep now!

Regards,

Tobias

Did you get it configured ok?

Quote:

Originally Posted by AusFootball

Just installed the mod, how do i add new forums under the new tab.

My site is www.dogforum.com.au

Thanks

Which version?

megabyte366 · #**760** 09-08-2008, 05:28 PM

Great mod... i love it... i look but i didn't find it... how can i hide my staff tab, but make is visible to the staff only..

thanks..

bobster65 · #**761** 09-08-2008, 08:15 PM

Quote:

Originally Posted by megabyte366

Great mod... i love it... i look but i didn't find it... how can i hide my staff tab, but make is visible to the staff only..

thanks..

You can wrap the specific <li> tag with a template conditional where the numbers after userinfo are the User Group IDs that you want to display the Tab too.

Code:

<if condition="is_member_of($vbulletin->userinfo, 5,6)"> 
 CODE HERE
</if>

So for example if you had 3 Tabs and wanted to hide one for Staff Only it would look like this..

Code:

<div id="ajaxTFH" class="TFHmenu2">
	<ul>
		<li class="selected"><a href="tabforumhome.php?tabcat[]=1" rel="ajaxTFHcontentarea">TAB 1 NAME</a></li>
		<li><a href="tabforumhome.php?tabcat[]=1&tabcat[]=2" rel="ajaxTFHcontentarea">TAB 2 NAME</a></li>
		
                <if condition="is_member_of($vbulletin->userinfo, 5,6)">
                     <li><a href="tabforumhome.php?tabcat[]=100" rel="ajaxTFHcontentarea">STAFF</a></li>
                </if>

	</ul>
</div>

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.06834 seconds Memory Usage 2,364KB Queries Executed 29 (?)
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 (5)bbcode_code (1)bbcode_html (8)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 (5)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_postinfo_query fetch_postinfo 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!