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

[sdavis2702]

This looks absolutely awesome... I wish I had the guts to go for it. With only one month experience... I'll hold off. Awesome hack though...

[pakomen]

Wow, very nice. Will think about installing.

[siriuxs]

It's compatible with vbulletin 3.7 ?

[ThreeD]

Nice mod

Just a little sidenote to all users. Per default, if you copy paste all the steps from the step by step instructions, the collapse_tcat.gif file has a location of images/solido/buttons/collapse_tcat.gif. You have to manually go in and remove the solido subdir if you want the collapse_tcat image to show.

[DeanoG]

it is possible to use Usergroup permissions to view tabs?

I have some Beta Software testing forums on my board only visible to the Beta Testing Group.
Is it possible to show the a "Beta Forum" tab using usergroup permissions so that the tab is only visible to the Beta testers ?

[Jase2]

Hello bobster65,

Any chance we could have it like this website. They have tabs for each category, then a drop down with the forums inside that. That would make this even better!

Well done!

[bobster65]

Originally Posted by Jase2

Hello bobster65,

Any chance we could have it like this website. They have tabs for each category, then a drop down with the forums inside that. That would make this even better!

Well done!

Hey Jase, That is a total different concept. That is navigation system similar to vborgs tabbed menu system where you actually are taken to another page. There is an article on how to do that. This system stays on the FORUMS HOME page and switches categories without another page view involved.

-Bob

[bobster65]

Originally Posted by DeanoG

it is possible to use Usergroup permissions to view tabs?

I have some Beta Software testing forums on my board only visible to the Beta Testing Group.
Is it possible to show the a "Beta Forum" tab using usergroup permissions so that the tab is only visible to the Beta testers ?

yes, just wrap the specific tab with this... (use the ID's of the user groups you want to be able to view it)

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

</if>

so it would look something like this.. (The code in RED is what you would need to add ...

<!-- 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> 
	<if condition="is_member_of($vbulletin->userinfo, 5,6)">
           <li><a href="#" rel="tcontent3">BETA FORUM Tab/a></li>
        </if> 
	</ul> 
	<!-- /Tabbed Forum Home Tabs Layout -->

Then you will also want to wrap the tab display data as well ..

<!-- Tabbed Forum Home – START BETA FORUM TAB Content Layout -->

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

<div id="tcontent3" class="tabcontent">

CONTENT REMOVED FOR EXAMPLE ONLY

</div>

</if>

<!-- /Tabbed Forum Home – END BETA FORUM TAB Content Layout-->

[bobster65]

Originally Posted by siriuxs

It's compatible with vbulletin 3.7 ?

Yes

Originally Posted by ThreeD

Nice mod

Just a little sidenote to all users. Per default, if you copy paste all the steps from the step by step instructions, the collapse_tcat.gif file has a location of images/solido/buttons/collapse_tcat.gif. You have to manually go in and remove the solido subdir if you want the collapse_tcat image to show.

Whoops.. I'll take that out on the next update.... guess I didn't have enough coffee that day Thank you for catching that :up:

[joakandr]

can you make something that automates all this? Would be a lot easier...