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

[tafreeh]

any news for V2 ?

[bobster65]

Originally Posted by tafreeh

any news for V2 ?

None that you want to hear, cause the only thing you want to hear is a release date, which there isn't one set yet.. most of Beta 4 is complete and will be released to the beta testers when it is 100% finished... good news is that there won't be a beta 5, it will go from beta 4 to RC1 .. probably 2 RC's before I release it here, but the RCs will be public at our site.

[biocyberman]

My style is not shown correctly when access with direct link like this one:

 http://vikool.org/forum/tabforumhome...abcat[]=69

And other question:
In demo site http://www.bbwforums.net/ I found two thing that is interesting:

1. There is not some thing like "tabcat[]=144&tabcat[]=69" when mouseover. How can I achieve that effect.
2. There is submenu item below some tabs, how do I do that?

Thanks for any information.

[bobster65]

Originally Posted by biocyberman

My style is not shown correctly when access with direct link like this one:

 http://vikool.org/forum/tabforumhome...abcat[]=69

And other question:
In demo site http://www.bbwforums.net/ I found two thing that is interesting:

1. There is not some thing like "tabcat[]=144&tabcat[]=69" when mouseover. How can I achieve that effect.
2. There is submenu item below some tabs, how do I do that?

Thanks for any information.

That is because you are only accessing the file itself. That isn't how you use Direct access URLs with this version (which are pretty tricky).. in the newer version, DA URLs are much easier to implement.

bbwforums uses the NON AJAX version. It is a rather cumbersome manual setup... works nice, but just takes time and patience to setup.

[ddaybofb]

hey guys i followed the directions, i get the Tab 1 Name, Tab 2 Name etc. to show but not the forums.

http://www.sportsxclusive.com/forums....php?styleid=1

When u click one of the tabs it shows the forum in a whole new page and doesnt use my style.

Im using 3.8.1, ive seen other 3.8.1 users use this mod.

Any help would be appreciated

[biocyberman]

Originally Posted by bobster65

That is because you are only accessing the file itself. That isn't how you use Direct access URLs with this version (which are pretty tricky).. in the newer version, DA URLs are much easier to implement.

bbwforums uses the NON AJAX version. It is a rather cumbersome manual setup... works nice, but just takes time and patience to setup.

Thanks. That's very informative

Sorry I forgot to ask this:
1. Can I somehow put the tabs on one side so they look like sidebar menu?
2. And make them always appear when users browse contents within my site?

[biocyberman]

Originally Posted by ddaybofb

hey guys i followed the directions, i get the Tab 1 Name, Tab 2 Name etc. to show but not the forums.

http://www.sportsxclusive.com/forums....php?styleid=1

When u click one of the tabs it shows the forum in a whole new page and doesnt use my style.

Im using 3.8.1, ive seen other 3.8.1 users use this mod.

Any help would be appreciated

It's something mentioned in this thread but I can't find out the post right now. Just try fixing link to your style sheet file. Your styles for those tab doesn't work yet.

[ddaybofb]

Originally Posted by biocyberman

It's something mentioned in this thread but I can't find out the post right now. Just try fixing link to your style sheet file. Your styles for those tab doesn't work yet.

What would i fix? And Where exactly?

[bobster65]

Originally Posted by ddaybofb

hey guys i followed the directions, i get the Tab 1 Name, Tab 2 Name etc. to show but not the forums.

http://www.sportsxclusive.com/forums....php?styleid=1

When u click one of the tabs it shows the forum in a whole new page and doesnt use my style.

Im using 3.8.1, ive seen other 3.8.1 users use this mod.

Any help would be appreciated

you need to use the full paths to the script and css files.

[hbalagh1]

Originally Posted by thaker

There is a interesting problem i had:

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

There was a point missing:

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

It costs me a lot of hours to find this problem and I found no hint in this thread.

Now it works great.

Thanks this solved my issue