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

[bobster65]

Originally Posted by Eq4bits

which file, and where in it, would one make persistance be shut off?

You can shut it off in the template itself.. Just change true to false in the red line below.

	<!-- Tabbed Forums switch tab script -->
	<script type="text/javascript">
	var myforumtabs=new ddtabcontent("forumtabs") 
	myforumtabs.setpersist(true) 
	myforumtabs.setselectedClassTarget("link") 
	myforumtabs.init()
	</script>
	<!-- /end Tabbed Forums switch tab script -->

[Eq4bits]

Thanks!

[Eq4bits]

Hmmm, looking at my boards... is it possible to have these tabs show at the top of FORUMDISPLAY and SHOWTHREAD? Would make navigation super easy ....

[bobster65]

Originally Posted by Eq4bits

Hmmm, looking at my boards... is it possible to have these tabs show at the top of FORUMDISPLAY and SHOWTHREAD? Would make navigation super easy ....

The way I do it on my site is to use remote links. This is explained in post 2 of this thread. You can set up the look and feel on those templates and just use the remote link to take you back to the selected tab. You can even make it look exactly like the tabs on the forum home page if you want to ..

Dynamically selecting a tab using a remote link (tabcontent.js v2.2 or above)
https://vborg.vbsupport.ru/showpost....35&postcount=2

[Eq4bits]

thank you! will try that. must have missed it when i was *first* reading thread before installing (eyes probably glazed over.... 18 pages......)

[OsideRida06]

I just wanted to show everyone my tabbed forum. It works like a charm. I have also marked it as installed. So let me know what you guys think. ok?

http://calistyle101.com/
http://calistyle101.com/forums/index.php

[Eq4bits]

Of course *now* a question/problem:
In FORUMDISPLAY above [code]</head>I inserted

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

then right below

<!-- / controls above thread list -->

I inserted

<!-- Tabbed Forum Home Tabs Layout -->
<ul id="forumtabs" class="shadetabs">
<li><a href="index.php?forumtabs=1"><b>Forums</b></a></li>
<li><a href="index.php?forumtabs=2"><b>Out Of Character</b></a></li>
<li><a href="index.php?forumtabs=3"><b>Role Play</b></a></li>
<li><a href="index.php?forumtabs=4"><b>The Vault</b></a></li>
<li><a href="index.php?forumtabs=5"><b>Board Of Directors</b></a></li>
</ul>
<!-- /Tabbed Forum Home Tabs Layout -->

The tabs show up perfectly but when in a subforum and I click one of the tabs it doesn't 'take me to' what I clicked (did that make sense?) it just moves me up one forum level instead of to the correct category.

Do I need to also edit forumdisplay.php the same as I did for index.php?

[bobster65]

Originally Posted by Eq4bits

Of course *now* a question/problem:
In FORUMDISPLAY above [code]</head>I inserted

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

then right below

<!-- / controls above thread list -->

I inserted

<!-- Tabbed Forum Home Tabs Layout -->
<ul id="forumtabs" class="shadetabs">
<li><a href="index.php?forumtabs=1"><b>Forums</b></a></li>
<li><a href="index.php?forumtabs=2"><b>Out Of Character</b></a></li>
<li><a href="index.php?forumtabs=3"><b>Role Play</b></a></li>
<li><a href="index.php?forumtabs=4"><b>The Vault</b></a></li>
<li><a href="index.php?forumtabs=5"><b>Board Of Directors</b></a></li>
</ul>
<!-- /Tabbed Forum Home Tabs Layout -->

The tabs show up perfectly but when in a subforum and I click one of the tabs it doesn't 'take me to' what I clicked (did that make sense?) it just moves me up one forum level instead of to the correct category.

Do I need to also edit forumdisplay.php the same as I did for index.php?

you MIGHT have to use the full URL.... can you PM me a link so I can take a look at the pages?

[Trana]

OK, I have my first tab working which displays all the forums.

My second tab shows up fine but I don't really understand the concept of categories. I have forums that are subforums of a VB "category". I used this category number in the URL as per your documentation, however on the second tab I only see a link to the category itself and not a list of the subforums. If I click that link (of the category), I go to the default VB forumhome display for the subforums.

Am I missing something here?

Thanks.

[bobster65]

Originally Posted by Trana

OK, I have my first tab working which displays all the forums.

My second tab shows up fine but I don't really understand the concept of categories. I have forums that are subforums of a VB "category". I used this category number in the URL as per your documentation, however on the second tab I only see a link to the category itself and not a list of the subforums. If I click that link (of the category), I go to the default VB forumhome display for the subforums.

Am I missing something here?

Thanks.

Hey Trana Sounds to me like you are using the wrong Cat ID to create the Forumbits themselves (just need to use the next higher parent IDs). I PMd you my Chat ID and can try and help you that way..

Bob