Forum Home Enhancements - [AJAX] Tabbed Forum Home

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

[sweetguy2004]

thanks for quick reply & m waiting for ur next reply coz my forum is down

[bobster65]

Originally Posted by sweetguy2004

desiduniyaa.com <li class="selected"><a href="tabforumhome.php?tabcat[5]=1" rel="ajaxTFHcontentarea">TAB 1 NAME</a></li>

thank you......

re read step 2a ... if you would have followed the instructions and inserted the code as specified, you wouldn't be having a problem. The remarks are missing and so is the link to the CSS file which is exactly why the Tabs are not being displayed properly (since the CSS is what builds them) ...

STEP 2a - EDIT Template: FORUMHOME

FIND </head>

Insert ABOVE that
	
<!-- Tabbed Forum Home Header Code -->	
	<link rel="stylesheet" type="text/css" href="clientscript/tabs/ajaxtabs.css" /> 
	<script type="text/javascript" src="clientscript/tabs/ajaxtabs.js"> </script>
<!-- /Tabbed Forum Home Header Code -->

[cSh]

Not explorer seen corrupt !
1 week for working you mod but dont !
hrrr

[bobster65]

Originally Posted by cSh

Not explorer seen corrupt !
1 week for working you mod but dont !
hrrr

huh?

[Bustah]

I'm having a pretty basic problem with a tab.

I move my category "The Vault" underneath another category.

I left the tabs alone, but now that ones not working.

It should also be noted that I change the category to a regular forum now.

[bobster65]

Originally Posted by Bustah

I'm having a pretty basic problem with a tab.

I move my category "The Vault" underneath another category.

I left the tabs alone, but now that ones not working.

It should also be noted that I change the category to a regular forum now.

If you changed a Category into a Forum and are still using the ForumID as a Cat ID, its only going to display that forums sub forums...

[Bustah]

Well, it doesn't show anything. How would I go about getting it to appear normal without turning it back to a category?

[bobster65]

Originally Posted by Bustah

Well, it doesn't show anything. How would I go about getting it to appear normal without turning it back to a category?

Is the CategoryID that the Forum is currently located under added to a tab? If so, then that forum should display..

[Bustah]

The one that isn't working is "The Vault". Its forum ID is 48, so I know its right. Would it have anything to do with "The Vault" being located under the "Community" category?

<!-- main -->
<!-- Tabbed Forum Home -->

<div id="ajaxTFH" class="TFHmenu2">
	<ul>
		<li class="selected"><a href="tabforumhome.php?tabcat[]=1" rel="ajaxTFHcontentarea">Official</a></li>
		<li><a href="tabforumhome.php?tabcat[]=3" rel="ajaxTFHcontentarea">Community</a></li>
		<li><a href="tabforumhome.php?tabcat[]=48" rel="ajaxTFHcontentarea">The Vault</a></li>
		<li><a href="tabforumhome.php?tabcat[]=4" rel="ajaxTFHcontentarea">Primetime</a></li>
		<if condition="is_member_of($vbulletin->userinfo, 5,6)">
<li><a href="tabforumhome.php?tabcat[]=47" rel="ajaxTFHcontentarea">Staff</a></li></if>
	</ul>
</div>

<br style="clear: left" />

<div class="TFHmenu2line"></div>

<div id="ajaxTFHcontentarea" style="border:0px solid gray; width:100%; height: 100%; background-color: white; padding: 0px"></div>

<script type="text/javascript">
	var mytabs=new ddajaxtabs("ajaxTFH", "ajaxTFHcontentarea")
		mytabs.setpersist(true)
		mytabs.setselectedClassTarget("link") 
		mytabs.init()
</script>

<!-- /Tabbed Forum Home  -->
<!-- /main -->

[bobster65]

Originally Posted by Bustah

The one that isn't working is "The Vault". Its forum ID is 48, so I know its right. Would it have anything to do with "The Vault" being located under the "Community" category?

<!-- main -->
<!-- Tabbed Forum Home -->

<div id="ajaxTFH" class="TFHmenu2">
	<ul>
		<li class="selected"><a href="tabforumhome.php?tabcat[]=1" rel="ajaxTFHcontentarea">Official</a></li>
		<li><a href="tabforumhome.php?tabcat[]=3" rel="ajaxTFHcontentarea">Community</a></li>
		<li><a href="tabforumhome.php?tabcat[]=48" rel="ajaxTFHcontentarea">The Vault</a></li>
		<li><a href="tabforumhome.php?tabcat[]=4" rel="ajaxTFHcontentarea">Primetime</a></li>
		<if condition="is_member_of($vbulletin->userinfo, 5,6)">
<li><a href="tabforumhome.php?tabcat[]=47" rel="ajaxTFHcontentarea">Staff</a></li></if>
	</ul>
</div>

<br style="clear: left" />

<div class="TFHmenu2line"></div>

<div id="ajaxTFHcontentarea" style="border:0px solid gray; width:100%; height: 100%; background-color: white; padding: 0px"></div>

<script type="text/javascript">
	var mytabs=new ddajaxtabs("ajaxTFH", "ajaxTFHcontentarea")
		mytabs.setpersist(true)
		mytabs.setselectedClassTarget("link") 
		mytabs.init()
</script>

<!-- /Tabbed Forum Home  -->
<!-- /main -->

As I explained before... if Forum ID 48 is a FORUM (not a catagory), then it is only going to display that forums "Sub Forums" .. if you want the Entire Forum to show up under a Tab, you will need to list that Forums PARENT ID (which you just said that FORUM 48's parent ID is Cat 3..