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

[Itworx4me]

When is the likely hood of us seeing Version 2?

Thanks,
Itworx4me

[bobster65]

Originally Posted by epic1

My Who's Online is also showing "Unknown Location" when people are on the forum home - even with the XML imported.

Otherwise, awesome modification.

Here is a forum to show off to see it in action:

http://www.fullthrottlev6.com

Thanks for coding this!

Looks great!

btw, one of us will take a look into the WOL and get a new xml posted asap!

Originally Posted by Itworx4me

When is the likely hood of us seeing Version 2?

Thanks,
Itworx4me

The Million Dollar Question.... we've had so many requests (all great requests btw) that we are re-working a lot of it to be a complete product with a multitude of features. Time hasn't been easy for the 3 of us working on the project, so things are slow at the moment. Its Possible that a beta version will be available for testing this coming month.

[powerful_rogue]

Hi,

Ive installed and its all working great so far! Im just wondering if someone could help with one last thing! I have attempted it, but failed miserably!

Would it be possible to put the tabs inside a box which would stretch the length of the forum? Ive attatched a screen shot of what I mean. Also, which text/file do I need to edit to make them slightly larger.

Ive made the box white in the picture so it stands out, but if I could get it to match the colour of the box outlining the navbar that would be great.

I really appreciate any help

[bobster65]

Originally Posted by powerful_rogue

Hi,

Ive installed and its all working great so far! Im just wondering if someone could help with one last thing! I have attempted it, but failed miserably!

Would it be possible to put the tabs inside a box which would stretch the length of the forum? Ive attatched a screen shot of what I mean. Also, which text/file do I need to edit to make them slightly larger.

Ive made the box white in the picture so it stands out, but if I could get it to match the colour of the box outlining the navbar that would be great.

I really appreciate any help

the CSS file drives most of it, the rest is done via inline css on the template itself. Looking at your "Style" there might be a couple different CSS options for you to look at. If you check out dynamic drive, they have some alternate CSS options for Tabs that might work better for your style

[powerful_rogue]

Originally Posted by bobster65

the CSS file drives most of it, the rest is done via inline css on the template itself. Looking at your "Style" there might be a couple different CSS options for you to look at. If you check out dynamic drive, they have some alternate CSS options for Tabs that might work better for your style

Hi bobster,

Many thanks for your reply. Ive had a look at that site, but found it quite daunting! I did trial one out but couldnt get it to work.

If there was just someway I could put a box around my tabs and make them a little bit bigger I would be very happy with the current layout.

One more thing ive noticed - It seems to be working fine in FF, however with IE7, when you click on one of the tabs, it has serious graphic issues - header, navbar and footer missing along with lots of other graphics.

[King Kovifor]

Originally Posted by bobster65

The Million Dollar Question.... we've had so many requests (all great requests btw) that we are re-working a lot of it to be a complete product with a multitude of features. Time hasn't been easy for the 3 of us working on the project, so things are slow at the moment. Its Possible that a beta version will be available for testing this coming month.

Yep. I haven't been able to code anything in about 2 weeks. lol. This is tied for top priority.

[powerful_rogue]

Originally Posted by powerful_rogue

Hi bobster,

Many thanks for your reply. Ive had a look at that site, but found it quite daunting! I did trial one out but couldnt get it to work.

If there was just someway I could put a box around my tabs and make them a little bit bigger I would be very happy with the current layout.

One more thing ive noticed - It seems to be working fine in FF, however with IE7, when you click on one of the tabs, it has serious graphic issues - header, navbar and footer missing along with lots of other graphics.

Right, Im totally stumped now as to why this wont work on IE but works fine on FF. Has anyone else has the same problem? If so, what did you have to do to solve it? I was so close to going live with this on my forum, but looks like i'll have to wait for a bit now.

[Brother Malachi]

Hey bobster, did you get my PM?

[RickyG]

OK...call me stupid! I read and re-read and went thru all of the posts and cannot get it to ork
www.winmobileforum.com

I have the tabs setup as
<li class="selected"><a href="tabforumhome.php?tabcat[]=4" rel="ajaxTFHcontentarea">MAIN</a></li>
<li><a href="tabforumhome.php?tabcat[]=6&tabcat[]=11" rel="ajaxTFHcontentarea">Wireless/Technical</a></li>
<li><a href="tabforumhome.php?tabcat[]=1&tabcat[]=10&tabcat[]=3" rel="ajaxTFHcontentarea">TAB 3 NAME</a></li>
</ul>


Can you assist?
RickyG

[King Kovifor]

Originally Posted by RickyG

OK...call me stupid! I read and re-read and went thru all of the posts and cannot get it to ork
www.winmobileforum.com

I have the tabs setup as
<li class="selected"><a href="tabforumhome.php?tabcat[]=4" rel="ajaxTFHcontentarea">MAIN</a></li>
<li><a href="tabforumhome.php?tabcat[]=6&tabcat[]=11" rel="ajaxTFHcontentarea">Wireless/Technical</a></li>
<li><a href="tabforumhome.php?tabcat[]=1&tabcat[]=10&tabcat[]=3" rel="ajaxTFHcontentarea">TAB 3 NAME</a></li>
</ul>


Can you assist?
RickyG

Is tabforumhome.php uploaded to your forums directory? As I am not getting a 404, but no errors, and it isn't displaying anything.