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

[sweetguy2004]

I m using 3.7.2 web20 skin none of the finding codes & the default codes r matched

in main only $forumbits $forumhome_markread_script

i want this hack but its not work please help

[Ziki]

Anyway how can I cover up the tab URLS to be just #?

[bobster65]

Originally Posted by TheInsaneManiac

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.

That is not my site. I'd have to ask permission from the owner as I did that as a paid request.

As far as the "jumping" thats because you are not finished with the template. You have to have the same amount of content areas as you have tabs. Finish creating the template and you won't have that problem.

The New Forum image should work just fine.. there is an issue that we are aware of, but its the forum marking...

Originally Posted by sweetguy2004

I m using 3.7.2 web20 skin none of the finding codes & the default codes r matched

in main only $forumbits $forumhome_markread_script

i want this hack but its not work please help

just move $forumbits and $forumhome_markread_script to the new template and replace those with the code. A lot of custom styles remove the <!-- Main comment for some reason..

Originally Posted by Ziki

Anyway how can I cover up the tab URLS to be just #?

Off the top, I am not aware of an easy way to do that. We're working on a total different process with version 2, so I've not spent much time even re-working ver 1.5 Feel free to mess around with it... you could try something like only assigning a single var to each tab url .. ie ?t=1, ?t=2 etc .... and then in the php file, do case statements to assign the Cat IDs .. in theory, that will work just fine..

[Ziki]

Oh and how about Search engines?Will it be able to switch the tabs?I never worked with AJAX before,sorry for asking so many Qs.

[bobster65]

Originally Posted by Ziki

Oh and how about Search engines?Will it be able to switch the tabs?I never worked with AJAX before,sorry for asking so many Qs.

Yes, its full search engine unobtrusive..

[sweetguy2004]

i have removed $forumbits $forumhome_markread_script from forum home & inserted in new template but still i have this prob
plz help

[bobster65]

Originally Posted by sweetguy2004

i have removed $forumbits $forumhome_markread_script from forum home & inserted in new template but still i have this prob
plz help

at the top of the FORUMHOME template, there are two paths to the CSS and JS files.. remove the first / from the paths on both of them.. (or put the full URL to the files).. the answer was just a few posts up...

[sweetguy2004]

i have put full url also but now also its same only & i don't think its path prob b'coz the image is showing

[bobster65]

Originally Posted by sweetguy2004

i have put full url also but now also its same only & i don't think its path prob b'coz the image is showing

huh? do you have a link to the site so I can see whats going on?

[sweetguy2004]

desiduniyaa.com <li class="selected"><a href="tabforumhome.php?tabcat[5]=1" rel="ajaxTFHcontentarea">TAB 1 NAME</a></li>