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

[King Kovifor]

Originally Posted by Wazran

Hey.. I'm using 1.5.0

I'm having probs, here's my forum: http://infodocs.net/~mystt/forum/index.php?styleid=2

Just take a look at it >.<, the tabs don't show. Also when I install 1.0 it says an error with global.

Check the paths to your JS and CSS.

Originally Posted by Sarge

What about Sarge

I'm confused.

[bobster65]

Originally Posted by Pirat3

Great mod, but I was wondering is it possible to have each tab have its OWN custom theme? So say I clicked on Tab1 it would have THEME1 I would click on TAB2 it would have THEME2, TAB 3 - theme 3, etc...

you mean changing the vB style as a whole, or just the Data within the Content DIV?

[Pirat3]

Originally Posted by bobster65

you mean changing the vB style as a whole, or just the Data within the Content DIV?

I mean it switches themes when I click on a diffrent tab. Like if I clicked on TAB a it would display theme a if I clicked on tab b it would display theme b

[bobster65]

Originally Posted by Pirat3

I mean it switches themes when I click on a diffrent tab. Like if I clicked on TAB a it would display theme a if I clicked on tab b it would display theme b

not sure what a "theme" is. is a "theme" the same thing as a vBulletin Style? If its a vbulletin style that you are wanting to change upon clicking on a tab, I suppose its possible to do that via AJAX....

[Wazran]

Where can I check the paths?

Here's the code:

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

Although, that's the right place. Could someone possibly go into my forum and fix it for me? (Note that is the directory, however, it is located on a /forum directory; does that matter?)

[bobster65]

Originally Posted by Wazran

Where can I check the paths?

Here's the code:

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

Although, that's the right place. Could someone possibly go into my forum and fix it for me? (Note that is the directory, however, it is located on a /forum directory; does that matter?)

Just put the FULL URL Path to the files (in red below)

<!-- Tabbed Forum Home Header Code -->	
	<link rel="stylesheet" type="text/css" href="http://www.domainname/forum/clientscript/tabs/ajaxtabs.css" /> 
	<script type="text/javascript" src="http://www.domainname/forum/clientscript/tabs/ajaxtabs.js"> </script>
<!-- /Tabbed Forum Home Header Code -->

[Wazran]

Works like a charm and I love it. Thank you!

Tho, is there a way to make the buttons bigger? Thanks. +Nominated

[Pirat3]

Originally Posted by bobster65

not sure what a "theme" is. is a "theme" the same thing as a vBulletin Style? If its a vbulletin style that you are wanting to change upon clicking on a tab, I suppose its possible to do that via AJAX....

Yes theme/style same thing

Do you know how to do this? I would be perfer to do it the manual way too if I knew how. (My site has pretty high traffic)

[nureeves]

hello bob,
just wanna say .. can wait for v.2

[ArnyVee]

LOL....everytime there is a new post, I jump over to this thread to see if 2.0 is released yet!

Can't wait either!