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

[bobster65]

Originally Posted by Scamorz

Thank you for your fast reply!

This is my cod of TAB1:

<!-- Tabbed Forum Home ? START Tab 1 Content Layout -->
    <div id="tcontent1" class="tabcontent">
$forumbits

$forumhome_markread_script
    </div>

So, i must change $forumbits in others name variables (plural, because i have 12 main categories :P) and add it in index_tab.php, right?

yes sir, just build up Tab 1 like you build all the others..... then you don't have to set to 0 to hide ..

[Scamorz]

Ok thank you very much, it works well, but so the forumhome template is very long because i must put this code for each category, and i have 12 category in main tab1:

	<tr>
		<td class="tcat" colspan="<if condition="$vboptions['showmoderatorcolumn']">6<else />5</if>"><a style="float:right" href="#top" onclick="return toggle_collapse('forumbit_99')"><img id="collapseimg_forumbit_99" src="gfx_vB36revisited/buttons/collapse_tcat.gif" alt="" border="0" /></a><a href="forumdisplay.php?f=2">Category Name</a></td>
	</tr>
<tbody id="collapseobj_forumbit_99" style="">
	<tr align="center">
	  <td class="thead">&nbsp;</td>
	<td class="thead" width="100%" align="$stylevar[left]">$vbphrase[forum]</td>
	<td class="thead" width="200" nowrap="nowrap">$vbphrase[last_post]
<div><img src="$stylevar[imgdir_misc]/_lastpostspacer.gif" alt="" /></div></td>
	<td class="thead" nowrap="nowrap">$vbphrase[threads]
<div><img src="$stylevar[imgdir_misc]/_last-p-t_spacer.gif" alt="" /></div></td>
	<td class="thead" nowrap="nowrap">$vbphrase[posts]
<div><img src="$stylevar[imgdir_misc]/_last-p-t_spacer.gif" alt="" /></div></td>
<if condition="$vboptions['showmoderatorcolumn']">
	<td class="thead">$vbphrase[moderator]</td>
	  </if>
	</tr>

Then i must translate these categories (or less) in tab2 and in tab3. It's very long!
How i can do that? :P:P:P

[bobster65]

Originally Posted by Scamorz

Ok thank you very much, it works well, but so the forumhome template is very long because i must put this code for each category, and i have 12 category in main tab1:

	<tr>
		<td class="tcat" colspan="<if condition="$vboptions['showmoderatorcolumn']">6<else />5</if>"><a style="float:right" href="#top" onclick="return toggle_collapse('forumbit_99')"><img id="collapseimg_forumbit_99" src="gfx_vB36revisited/buttons/collapse_tcat.gif" alt="" border="0" /></a><a href="forumdisplay.php?f=2">Category Name</a></td>
	</tr>
<tbody id="collapseobj_forumbit_99" style="">
	<tr align="center">
	  <td class="thead">&nbsp;</td>
	<td class="thead" width="100%" align="$stylevar[left]">$vbphrase[forum]</td>
	<td class="thead" width="200" nowrap="nowrap">$vbphrase[last_post]
<div><img src="$stylevar[imgdir_misc]/_lastpostspacer.gif" alt="" /></div></td>
	<td class="thead" nowrap="nowrap">$vbphrase[threads]
<div><img src="$stylevar[imgdir_misc]/_last-p-t_spacer.gif" alt="" /></div></td>
	<td class="thead" nowrap="nowrap">$vbphrase[posts]
<div><img src="$stylevar[imgdir_misc]/_last-p-t_spacer.gif" alt="" /></div></td>
<if condition="$vboptions['showmoderatorcolumn']">
	<td class="thead">$vbphrase[moderator]</td>
	  </if>
	</tr>

Then i must translate these categories (or less) in tab2 and in tab3. It's very long!
How i can do that? :P:P:P

ya, setting it up manually is not fast .... if you want, hold of for the next version which is a lot less template edits and cats are created automatically

[Scamorz]

Ok thanks sir, i will attend this new version. Your mod is a great script. I need it.

p.s. if you need beta testers i'm ready for that

[bigtime]

Will this work in 3.71?

[bobster65]

Originally Posted by bigtime

Will this work in 3.71?

Works in 3.7 have not tested in 3.7.1 unless they changed how forumbits are created, it should work just fine..

[004]

Can somebody tell me how or give an example of how to make a "Portal" tab....A tab that will take ya to the Portal, or any non-forum page?

Thanks

[bobster65]

Originally Posted by 004

Can somebody tell me how or give an example of how to make a "Portal" tab....A tab that will take ya to the Portal, or any non-forum page?

Thanks

You could check out Tabbar Suite (https://vborg.vbsupport.ru/showthread.php?t=179163) its a Tab Navigation system :up:

[004]

Originally Posted by bobster65

You could check out Tabbar Suite (https://vborg.vbsupport.ru/showthread.php?t=179163) its a Tab Navigation system :up:

Yeah i saw that one, as well as a couple others.
Was hoping to be able to use your mod for this though, as we already have it setup.
Is it not possible?

Thanks for the quick reply bob

[bobster65]

Originally Posted by 004

Yeah i saw that one, as well as a couple others.
Was hoping to be able to use your mod for this though, as we already have it setup.
Is it not possible?

Thanks for the quick reply bob

This MOD isn't a Navigation system... the tabs do not take you anywhere, they display content within a DIV on the page without leaving the page.. You want a Tab Navigation system like vborg most likely..