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

[TheInsaneManiac]

Hey bob? I like your tabs on the demo, but for some reason in the actual product of the ajax version I just get little crappy text tabs. Anyway to change it to your tabs?

[bobster65]

Originally Posted by TheInsaneManiac

Hey bob? I like your tabs on the demo, but for some reason in the actual product of the ajax version I just get little crappy text tabs. Anyway to change it to your tabs?

You can use a different CSS and lay the DIV's out any way you want to.. just take a look at the code for the NON AJAX version and use the CSS from that (to include the DIV layout) .. (hope I explained that clear enough... its pretty easy actually).. also, there are a couple other CSS files/examples with my AJAX Tabs mod for vBa CMPS as well that work with this.

[callumbush]

Hi Bobster,

Hope you're well

What are the latest timescales on 2.0?

Cheers

Callum

[Ziki]

Hi bobster65,

I have a problem,very good mod besides,when I install it,my forums are not called at all,the tabs are not Ajaxed.I attached screens.I used 1.5 AJAX.

Also what do I need to edit to change tabforumhome.php to tab.php?

[Ziki]

Also is there some speed loss?I noticed the forum is going a bit slower.

[bobster65]

Originally Posted by Ziki

Hi bobster65,

I have a problem,very good mod besides,when I install it,my forums are not called at all,the tabs are not Ajaxed.I attached screens.I used 1.5 AJAX.

Also what do I need to edit to change tabforumhome.php to tab.php?

Check the paths to your .css and .js files .. the result your are getting is because it can not find those files.. you might try and use the full URL to them..

There are multiple things you will have to change.. just look at all files/templates associated with TFH and change every instance of tabforumhome.php to tab.php ...

[bobster65]

Originally Posted by Ziki

Also is there some speed loss?I noticed the forum is going a bit slower.

Nope, no speed loss at all.

[Ziki]

Ok found the error,in the forumhome edit you stated to add

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

but /clientscript should be without the slash before ,sorry I didn't go through the code properly before.Thanks.

[bobster65]

Originally Posted by Ziki

Ok found the error,in the forumhome edit you stated to add

but /clientscript should be without the slash before ,sorry I didn't go through the code properly before.Thanks.

I need to update that.. thanks for reminding me :up:

[TheInsaneManiac]

Originally Posted by bobster65

You can use a different CSS and lay the DIV's out any way you want to.. just take a look at the code for the NON AJAX version and use the CSS from that (to include the DIV layout) .. (hope I explained that clear enough... its pretty easy actually).. also, there are a couple other CSS files/examples with my AJAX Tabs mod for vBa CMPS as well that work with this.

Can you give me the layout you use on your baseball forums? Look at the tabs:
http://www.rahstyles.com/forum/index.php#

Also: When you click them it jumps the page to the top.

Another Also: When clicking another tab, the forum new image does not display.