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

[Cust0ms]

Great mod, thanks!

And 3 questions
1. How to change few categories to one tab?
2. I would like to use tabs but no for all forums. I want to do it like here:
http://www.dailysportspages.com/forums/index.php

FORUM 1 (no tab)

TABS (FORUM 1,2,3,4,5,6)

FORUM 2 (no tab)

3. How to change design my tabs?

Thanks!

How to edit my template?

[Sawa Dee SohL]

I have a question / issue with the Tabs:

I've put it on my site: www.ThesocialRev.com

- How do I get the tabs to show up in box's - right now they show up, just as the text - and when the Tab is highlighted/clicked - THEN it shows the box. Anyway to put a box around them all, and just highlight the chosen tab?
Example: http://thesocialrev.com/forum/index.php
Also:

Once I go INTO a post, on the given tab-board-topic.

The tabs no longer show - I have to go back to the main board, in order to see the tabs.

Is there a way to get the tabs to show on every Page, even when inside a post?

For example: http://thesocialrev.com/forum/forumdisplay.php?f=2
- No tab's show.

[bobster65]

Originally Posted by Cust0ms

Great mod, thanks!

And 3 questions
1. How to change few categories to one tab?
2. I would like to use tabs but no for all forums. I want to do it like here:
http://www.dailysportspages.com/forums/index.php

FORUM 1 (no tab)

TABS (FORUM 1,2,3,4,5,6)

FORUM 2 (no tab)

3. How to change design my tabs?

Thanks!

How to edit my template?

This can be done super easy with the NON AJAX version. Once I get done with some of the coding I am doing, I might have time to release some sample code on how to do this. Many members have already done this on their own, so they might jump in and help you out.

Originally Posted by Sawa Dee SohL

I have a question / issue with the Tabs:

I've put it on my site: www.ThesocialRev.com

- How do I get the tabs to show up in box's - right now they show up, just as the text - and when the Tab is highlighted/clicked - THEN it shows the box. Anyway to put a box around them all, and just highlight the chosen tab?
Example: http://thesocialrev.com/forum/index.php

Thats all handled with the CSS file. Just need to tweak it a little more. Look at the CSS from the version 1 NON Ajax and you will see how to do images for the Tabs. Also, Take a look at the default CSS that came in the ZIP file (yours has been edited)..

Originally Posted by Sawa Dee SohL

Also:

Once I go INTO a post, on the given tab-board-topic.

The tabs no longer show - I have to go back to the main board, in order to see the tabs.

Is there a way to get the tabs to show on every Page, even when inside a post?

For example: http://thesocialrev.com/forum/forumdisplay.php?f=2
- No tab's show.

Yes, the Tabs are for the FORUM HOME only. The MOD only breaks out the FORUM HOME, that is what it was designed to do. With some customization, you can place a tabbed menu within the forum view and thread view, but that is only a menu system which would still have to bring you back to the forum home.

with that said, I do have a proto type that I am messing around with that actually keeps everything on one page.. ie, you click on a tab, it lists the forum content for that tab and when you click on a thread, the thread opens up in that container.... I am pretty sure that this is what some people want, but it is a massive rewrite of a lot of code and its not something thats going to become reality anytime soon..

[Sawa Dee SohL]

if/when that becomes public - please let me know

[nureeves]

dear all, i still don't understand about assigning cat ids to configure the tab ..
in these code:

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

what shoud i change?

[King Kovifor]

changethe tabcat part. And either subscribe to this thread or click install, I'm sure that bob will send out an email about the beta.

[Doom Stone]

Thanks Bobster

[nureeves]

hi again

it works well on Firefox, but looks bad when i preview on IE,
I don't have any idea about this ...

[Cust0ms]

This can be done super easy with the NON AJAX version. Once I get done with some of the coding I am doing, I might have time to release some sample code on how to do this. Many members have already done this on their own, so they might jump in and help you out.

Thanks. I "installed' NON AJAX version but I have 2 problems:
1. Efficient is only one tab. 2nd and 3rd don't work.
2. I use the MGC Shoutbox, he's located below forums. When I brought changes SB is below forums (it's ok) but is doubly above forums too. :/

Please, help me...

[bobster65]

Originally Posted by nureeves

hi again

it works well on Firefox, but looks bad when i preview on IE,
I don't have any idea about this ...

That is a CSS issue with some styles.. someone posted a solution to that awhile back.. you can search the thread for it and see if that works for you.. If I recall, it has something to do with one of the DIVs..... IF I get time, I will look into it, but all this support is delaying me releasing the next version.... if you can not find the solution that was posted, let me know and I will search for the solution for you...

Originally Posted by Cust0ms

Thanks. I "installed' NON AJAX version but I have 2 problems:
1. Efficient is only one tab. 2nd and 3rd don't work.
2. I use the MGC Shoutbox, he's located below forums. When I brought changes SB is below forums (it's ok) but is doubly above forums too. :/

Please, help me...

1. Make sure you complete the install. Everyone gets so excited that Tab 1 is working that they forget to finish the install (Which is why the other tabs won't work)..

2. I don't use MGC Shoutbox, so I don't know what it would be showing double. Maybe someone that has knowledge of MGC Shoutbox can assist you?