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

[Michael.A]

witch one is beater the 1.1 or 1.5?

Try removing the code below (in RED) from the FORUMHOME template...

thank you it worked....

[bobster65]

Originally Posted by JVCode

I've done as described... but it's still not giving me the desired result.. I'll paste what my ajaxtabs.CSS file has.

/* ######### CSS for Tabbed Forum Home ######### */

.TFHmenu2{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.TFHmenu2 ul{
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.TFHmenu2 li{
display: inline;
margin: 0 0 0 0;
padding: 0;
/*text-transform:uppercase;*/
}

.TFHmenu2 a{
float: left;
display: block;
font: 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background: #57BCFF;
border-top: 5px solid white;
}

.TFHmenu2 a:hover{
font: 11px Arial;
background-color: #70FFA9;
color: White;
}

.TFHmenu2 a.selected{
font: bold 13px Arial;
background-color: #57BCFF;
color: white;
border-color: #57BCFF;
}

.TFHmenu2line{
clear: both;
padding: 0;
width: 100%;
height: 2px;
line-height: 2px;
background: #57BCFF;
}

Taking a look at your site with firebug, you can see that your page class (.page a:link, .page_alink) is overriding the TFH menu2 class (.TFHmenu2 a) and blocking the color and text decoration elements and replacing them with that blue color element from the page class..

[bobster65]

Originally Posted by MAD--DOG

witch one is beater the 1.1 or 1.5?


thank you it worked....

Depends on what you want really. The first version is a non ajax version meaning when you load your forum home, all data for the tabs is loaded and you just switch back and forth between tabs and the data is what was loaded with the initial page load. The AJAX versions grab the info when the tab is selected.

[bobster65]

Originally Posted by kmohamed

what up bro ?

this is one of my fav mods .. thanks a lot

i have 2 question ?

1. Google doesn't cash the forums title ? is this going to affect my site in any way ? am thinking of using the (Tab Forum Home 1.01) ?! because Google will cash that >>
2. is it possible that u make the tabs' color default with any style? i have different colors in one style!!

thanks i am waiting for the final release so bad

both versions are unobtrusive meaning that Spiders can crawl them. What I suggest to those that are worried in anyway is to install this on a separate style or child style so that spiders would always hit a non tabbed version (giving you a piece of mind lol)..

Right now you will have to create separate CSS files for each style (so each style can have its own integration).

[princeedward]

hi bob...great mod and members really love this...my question is how come evry click to the tabs it create a space underneath for that loading gif to show?....can we avoid this? or is it possible to put that loading gif image on the last tab right side? just to avoid that space underneath? maybe?

please view my attachment image for more info what i meant here....

thanks and best regards to you

:up:

[JVCode]

Originally Posted by bobster65

Taking a look at your site with firebug, you can see that your page class (.page a:link, .page_alink) is overriding the TFH menu2 class (.TFHmenu2 a) and blocking the color and text decoration elements and replacing them with that blue color element from the page class..

Thanks! but how would I go about fixing this problem?

Kind Regards,
J.

[MentaL]

May have a go on this on my forum laters.

[cbiweb]

Originally Posted by bobster65

There is a solution to get this working with Cyb's Sub Forum Manager .. just do a quick search on this thread.... I don't have it memorized, but its pretty easy to implement.

Originally Posted by aajobj

Do the following edits for "cyb sub forum manager":
In the plugins Cyb - Sub-Forum Manager - CT and Cyb - Sub-Forum Manager 1

change
if ($vbulletin->options['cybsfa_enable'] AND (THIS_SCRIPT=='index' OR THIS_SCRIPT=='forumdisplay'))

to
if ($vbulletin->options['cybsfa_enable'] AND (THIS_SCRIPT=='index' OR THIS_SCRIPT=='forumdisplay' OR THIS_SCRIPT=='tabforumhome'))

Thank you, thank you THANK YOU for this fix! I was disappointed that I might not be able to use both mods, but now I see I can. It works perfectly now - Excellent!

[bobster65]

Originally Posted by JVCode

Thanks! but how would I go about fixing this problem?

Kind Regards,
J.

I'd love to give you a good answer, but I am far from a CSS Guru... someone that knows CSS better than me should be able to help you out pretty easy... maybe forcing the element with !important might do it?

[kmohamed]

really appreciate ur effort
and we need this process more faster