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

[Lonny]

unbelievable idea.. good job my friend

[bobster65]

Originally Posted by Doom Stone

Quick question, is it possible to hide tabs from users without permissions to view the content within the tabs? For example, everyone can view the tab "Staff Section" however only staff can view the content.

Its sure is (from post #2)

Tabs for Specific User Groups Only (Ver 1.50)

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

So for example if you wanted to hide one for Staff Only it would look like this (See the code in RED)

<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>

[nureeves]

Hello

need help !!
i've followed the instruction, but i'm sure theres something wrong happened:



and when i click Tab Name .... :



did i miss something???

[bobster65]

Originally Posted by nureeves

Hello

need help !!
i've followed the instruction, but i'm sure theres something wrong happened:



and when i click Tab Name .... :



did i miss something???

That is a PATH issue to the CSS File. Try use the FULL URL to the CSS file.

[ShawnV]

Originally Posted by King Kovifor

As of right now, no upgrade path due to the fact that the data is stored in the template, we can't easily convert. But 2.0 is much easier to seT up and manage.

Thats why I am waiting for 2.0, any idea when the alpha will be out, few weeks, months?

_V

[bobster65]

Originally Posted by ShawnV

Thats why I am waiting for 2.0, any idea when the alpha will be out, few weeks, months?

_V

Beta is complete (as far as features/bugs) .. all that's left is install instructions (being drafted now)..

[nureeves]

Originally Posted by bobster65

That is a PATH issue to the CSS File. Try use the FULL URL to the CSS file.

ahaaa .solved with Css issue,, but theres still nothing below it
what should i do??





btw thanks,, great mod

*click Install

[bobster65]

Originally Posted by nureeves

ahaaa .solved with Css issue,, but theres still nothing below it
what should i do??





btw thanks,, great mod

*click Install

Looks like you just need to configure the tabs (which is just a matter of assigning cat ids).. then modify the CSS to match your colors ..

[ShawnV]

Originally Posted by bobster65

Beta is complete (as far as features/bugs) .. all that's left is install instructions (being drafted now)..

Awesome.....

/Does the Big Shoe Dance!

_V

[nureeves]

nice