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

[rapidphim]

As you can see I am still now awake to work on this hack. I just could not get it to work properly

[bobster65]

Originally Posted by rapidphim

As you can see I am still now awake to work on this hack. I just could not get it to work properly

I replied to your PM .. I am sure you are close (from the sounds of it).. We'll get you up and running

[rapidphim]

bob, thanks much. I sent you pm

[MarsNIIT]

Hello bobster65,

Please help me fix my problem,

thank you verry much.

[Bree]

Ok... I got it all installed on my test forum.... for some reason I expected it to be way harder, but of course, am happy that it was not LOL This is going to be so much fun to customize! I had originally planned not to put it at my .com but pretty sure I changed my mind REAL fast once I actually got to play with it =0) Think I am going to surprise everyone with it hehe

Anyways... Get some sleep everyone... grab a cup of coffee (or some other type of liquid motivation) and relax... One step at a time and the tutorial really is easier than first expected.

Have fun!
Always, Bree

[mikkitine]

I take back what I said about waiting to see what effect this modification will have on my sign ups. This mod is absolutely gold. After I realised I can control exactly what forums appear in which tabs, and that sub-forum links need not be shown in forums displayed under tabs of my choice, the deal was sealed for me.

Thanks for this bobster, really brilliant. /nominates

[Defkalion]

Bob,

excellent work, thankyou so much.

I installed without any problems, it was a piece of cake.

Question: is there any way to create an extra tab with the "what's going on" box, instead of having it appear under every tab?

Again, thankyou for a great hack.

[bobster65]

Originally Posted by mikkitine

I take back what I said about waiting to see what effect this modification will have on my sign ups. This mod is absolutely gold. After I realised I can control exactly what forums appear in which tabs, and that sub-forum links need not be shown in forums displayed under tabs of my choice, the deal was sealed for me.

Thanks for this bobster, really brilliant. /nominates

Thank you for the kind words... look for an even better version coming soon

[bobster65]

Originally Posted by Defkalion

Bob,

excellent work, thankyou so much.

I installed without any problems, it was a piece of cake.

Question: is there any way to create an extra tab with the "what's going on" box, instead of having it appear under every tab?

Again, thankyou for a great hack.

Yer welcome

Yes, you can create extra tabs with info in them other than just Forum categories. All you need to do is put the info in what I call a content div area just like you did with the other tabs ..

Here is an example of putting the Whats going on box into a tab .. Note the RED IDs .. those are what link the tab to the div content ..

First you need to create an li tag for your new extra tab (I added a 4th tab in this example called Whats Going On and its ID=tcontent4

<!-- Tabbed Forum Home Tabs Layout -->
	<ul id="forumtabs" class="shadetabs"> 
	<li><a href="#" rel="tcontent1" class="selected">Tab 1</a></li> 
	<li><a href="#" rel="tcontent2">Tab 2</a></li> 
	<li><a href="#" rel="tcontent3">Tab 3</a></li>
	<li><a href="#" rel="tcontent4">Whats Going On</a></li>
       	</ul> 
<!-- /Tabbed Forum Home Tabs Layout -->

Then you need to create the Content Container and make sure that it has the same ID as the li tag you just added ..

<!-- Tabbed Forum Home – START whats going on box Tab Content Layout -->

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

<!-- what's going on box -->
CONTENT REMOVED FOR SAMPLE
<!-- end what's going on box -->

</div>

<!-- /Tabbed Forum Home – END Tab 4 Content Layout -->

NOTE: Make sure that when you add extra tabs that they go BEFORE the below block of code.. You can always move this chunk of code lower in the template, just make sure that any content area Divs that you add go before it .. (Hope that made sense)

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

Thats all there is to it...

[Eq4bits]

Love this mod!
Clicks 'Installed'
using on vB3.6.10 with no problems