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

[ssslippy]

Originally Posted by Ozster

Any ideas how to stop it jumping back to the top of the page when you select a tab?

edit: figured it out - what kind of load increase will this hack cause?

How did u make it stop jumping to the top of the page?

[lazydesis]

very nicely done thanx

will install soon

[valdet]

Bobster thank you very much for this awesome mod. I will test and no doubt it should look great.

Do you know if this might affect search engine crawling..?

Cliked Install and nominated for MOTM

[bobster65]

Originally Posted by valdet

Bobster thank you very much for this awesome mod. I will test and no doubt it should look great.

Do you know if this might affect search engine crawling..?

Cliked Install and nominated for MOTM

Thanks Bud!

As far as Search Engine Crawling, it is fully unobtrusive, search engine friendly :up:

[tmiland]

Hello bobster65,

thanks for this great mod!
I have a question, wich have troubled me all day, see the moderator column in the attached picture... What am i doing wrong? I am about to throw my comp out the window :erm:

[bobster65]

Originally Posted by tmiland

Hello bobster65,

thanks for this great mod!
I have a question, wich have troubled me all day, see the moderator column in the attached picture... What am i doing wrong? I am about to throw my comp out the window :erm:

no, don't throw it out the window lol.. I see whats wrong. Its a colspan issue..

in my sample code (step 18) look for this towards the beginning of the step..

What I did was include my custom code that didn't account for the 6th column (Moderator) (See the part in BOLD RED) Below...

<!-- CUSTOM tbody CODE BASED ON YOUR STYLE -->
<tbody>
	<tr>
		<td class="tcat" colspan="5"><a style="float:right" href="#top" onclick="return toggle_collapse('forumbit_66')"><img id="collapseimg_forumbit_66" src="images/solido/buttons/collapse_tcat.gif" alt="" border="0" /></a><a href="forumdisplay.php?f=6">CATEGORY NAME</a></td>
	</tr>
</tbody>

<tbody id="collapseobj_forumbit_66" style="">
$forumbits2
</tbody>
<!-- /CUSTOM tbody CODE BASED ON YOUR STYLE -->

so what you can do is add this condition to it

<if condition="$vboptions['showmoderatorcolumn']">6<else />5</if>

So it would look something like this..

<!-- CUSTOM tbody CODE BASED ON YOUR STYLE -->
<tbody>
	<tr>
		<td class="tcat" colspan="<if condition="$vboptions['showmoderatorcolumn']">6<else />5</if>"><a style="float:right" href="#top" onclick="return toggle_collapse('forumbit_66')"><img id="collapseimg_forumbit_66" src="images/solido/buttons/collapse_tcat.gif" alt="" border="0" /></a><a href="forumdisplay.php?f=6">CATEGORY NAME</a></td>
	</tr>
</tbody>

<tbody id="collapseobj_forumbit_66" style="">
$forumbits2
</tbody>
<!-- /CUSTOM tbody CODE BASED ON YOUR STYLE -->

That will fix it for you..

[pooffck]

hi everyone, im new to vbulletin and just set my forum up today and got a skin and all that and loved this mod BUT i am a very big moron at following instuctions. I was wondering if anyone had 5 to 10 mins of there time to help me out personally or do it for me. It would be a great help.

P.S. iv tried to follow the instructions and lost all my forum so i had to revert it.

Some assitance would be nice

P.S... sorry about my english

[bobster65]

*UPDATED* to version 1.01

Those that marked installed received the updated information via email.

Only the tabcontent.js was updated, so simply download the new zip and upload the new .js file.

Additional information has also been updated in Post #2

[bobster65]

Originally Posted by pooffck

hi everyone, im new to vbulletin and just set my forum up today and got a skin and all that and loved this mod BUT i am a very big moron at following instuctions. I was wondering if anyone had 5 to 10 mins of there time to help me out personally or do it for me. It would be a great help.

P.S. iv tried to follow the instructions and lost all my forum so i had to revert it.

Some assitance would be nice

P.S... sorry about my english

be sure to follow steps 1-4 for setting up the install environment. I wrote it this way specifically so you won't lose anything that is important while adding this.

I'd install it for you, but I am completely swamped

[sdfaheem]

This is what i was expecting since days.
Excellent work bobster!