The Arcive of Official vBulletin Modifications Site.

[AJAX] Tabbed Forum Home · **Released**: 04-09-2008

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

mokonzi · #**282** 05-23-2008, 10:51 PM

Works a charm on 3.7. Looking forward to a CP version...

YsTyle · #**283** 05-24-2008, 07:25 AM

I really get lost... i hope you can help me:
how can i do that tab 1 will display category 13, tab 2 will display category 6 and tab 3 will display category 1?

thank you very much

yonatan.

mokonzi · #**284** 05-24-2008, 07:50 AM

PHP Code:


			
    // Construct Tabbed Forum Home forumbits 

    // Category for Tab 2, pulls forum and sub form data from Category (Forum ID 1)

    $forumbits2 = construct_forum_bit(13,1,0); 

    // Category for Tab 3

    $forumbits3 = construct_forum_bit(6,1,0); 

    // Category for Tab 4

    $forumbits4 = construct_forum_bit(4,1,0);

Then copy this code after following the instructions to add the <div> tags in the first 'tab' section:

PHP Code:


			
<!-- Tabbed Forum Home ? START Tab 2 Content Layout -->

<div id="tcontent2" class="tabcontent">



<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">

<thead>

    <tr align="center">

      <td class="thead">&nbsp;</td>

      <td class="thead" width="100%" align="$stylevar[left]">$vbphrase[forum]</td>

      <td class="thead" width="175">$vbphrase[last_post]</td>

      <td class="thead">$vbphrase[threads]</td>

      <td class="thead">$vbphrase[posts]</td>

      <if condition="$vboptions['showmoderatorcolumn']">

      <td class="thead">$vbphrase[moderator]</td>

      </if>

    </tr>

</thead>



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





<tbody>

    <tr>

        <td class="tfoot" align="center" colspan="<if condition="$vboptions['showmoderatorcolumn']">6<else />5</if>"><div class="smallfont"><strong><a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">$vbphrase[mark_forums_read]</a><if condition="$vboptions['forumleaders']">&nbsp; &nbsp;<a href="showgroups.php$session[sessionurl_q]" rel="nofollow">$vbphrase[view_forum_leaders]</a></if></strong></div></td>

    </tr>

</tbody>

</table>



$forumhome_markread_script



</div>

<!-- /Tabbed Forum Home ? END Tab 2 Content Layout -->

You need to adjust the forumdisplay to reference the category, forumbit numbers to be unique.

Insert it after the first tab.

This works on the assumption that the first tab will be for all forums.

zappsan · #**285** 05-24-2008, 12:29 PM

Code:

<!-- Tabbed Forum Home Tabs Layout -->
	<ul id="forumtabs" class="shadetabs"> 
	<li><a href="#" rel="tcontent1">Tab1</a></li> 
	<li><a href="#" rel="tcontent2" class="selected">Tab2</a></li> 
	<li><a href="#" rel="tcontent3">Tab3</a></li>
<li><a href="#" rel="tcontent4">Tab4</a></li> 
<li><a href="#" rel="tcontent5">Tab5</a></li>  
	</ul> 
	<!-- /Tabbed Forum Home Tabs Layout -->

Hi, I played around with the first selected tab a bit (persistance is turned on).
When I clear all my cookies and visit the page, tab2 is selected but only for a very short time, after about a second, it automatically jumpsto tab1.
What could be the reason for this?
I can post a link if you want.

bobster65 · #**286** 05-24-2008, 01:01 PM

Quote:

Originally Posted by zappsan

Code:

<!-- Tabbed Forum Home Tabs Layout -->
	<ul id="forumtabs" class="shadetabs"> 
	<li><a href="#" rel="tcontent1">Tab1</a></li> 
	<li><a href="#" rel="tcontent2" class="selected">Tab2</a></li> 
	<li><a href="#" rel="tcontent3">Tab3</a></li>
<li><a href="#" rel="tcontent4">Tab4</a></li> 
<li><a href="#" rel="tcontent5">Tab5</a></li>  
	</ul> 
	<!-- /Tabbed Forum Home Tabs Layout -->

Hi, I played around with the first selected tab a bit (persistance is turned on).
When I clear all my cookies and visit the page, tab2 is selected but only for a very short time, after about a second, it automatically jumpsto tab1.
What could be the reason for this?
I can post a link if you want.

I just looked at your source code... everything is correct. Someone else had this same issue yesterday and they said they resolved it, but never responded after that to say what they did. They could still be having the same issue. It could very well be a "glitch" in the .js file itself. Will be doing some troubleshooting to see if I can replicate the issue and resolve it.

tmiland · #**287** 05-24-2008, 04:03 PM

Quote:

Originally Posted by tmiland

Yo!

Is there any way to make the forum remember the collapse position?
Doesnt work now...

Quote:

Originally Posted by bobster65

you are correct.. I didn't even notice that (don't use the collapse feature much).. I'll have to look into it when I get time. Should be an easy fix tho. Thank you for pointing it out and its added to the list of "needs"

Any update on this yet bobster65?

dieselpowered · #**288** 05-26-2008, 08:55 AM

Great mod...I have to say though that there are a few problems.

First, for those using vbadvanced, when on the portal page and you click to enter the forums, they are blank until you click on the tab.

Next, when you click on the tab, it always wants to jump to the top, I am sure there is a fix for this somewhere within the 15 pages of this thread, however, maybe someone can tell me, or it can be added to the documentation.

Also, for some reason, the category headers are messed up, take a look at this test site and click on the tabs, you will see what I am talking about:

http://www.teryxhq.com/test/forums/index_tab.php

Thanks in advance!!

mokonzi · #**289** 05-26-2008, 09:41 AM

I can't see any tabs on the link you gave. Nor can I see an issue with the category headers.

Check out mine: http://www.thexuniverse.com/forum/

I will say I had some slight issue with the formatting myself, fixed it by doing the following:

PHP Code:


			
<!-- 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_1004')"><img id="collapseimg_forumbit_1004" src="images/buttons/collapse_tcat.gif" alt="" border="0" /></a>

            

            <a href="forumdisplay.php?f=4">Category Name</a>

            <div class="smallfont">Category Description</div>

        </td>

    </tr>

</tbody>



<tbody id="collapseobj_forumbit_1004" style="">

$forumbits2

</tbody>

<!-- /CUSTOM tbody CODE BASED ON YOUR STYLE -->

That layout fits better with the more normal default vBulletin layout. You'll need to tweak it, but it's perhaps worth checking out the layout of a normal category header and mimicking it.

bobster65 · #**290** 05-26-2008, 02:18 PM

Quote:

Originally Posted by xtremeoff-road

Great mod...I have to say though that there are a few problems.

First, for those using vbadvanced, when on the portal page and you click to enter the forums, they are blank until you click on the tab.

This one I've not see yet. Will try and replicate, but I've not had that issue with any vba setups to date...

Quote:

Originally Posted by xtremeoff-road

Next, when you click on the tab, it always wants to jump to the top, I am sure there is a fix for this somewhere within the 15 pages of this thread, however, maybe someone can tell me, or it can be added to the documentation.

Im looking at your site right now and its not "jumping" for me. Tested in both FF and IE. I know that it "jumps" when building it and you have a tab mismatch .. ie, Tab 3 but no tab 3 content area built yet..

Quote:

Originally Posted by xtremeoff-road

Also, for some reason, the category headers are messed up, take a look at this test site and click on the tabs, you will see what I am talking about:

The Header code in the how to instructions is based off default vbulletin. You will have to tweak it for custom styles... This issue will be mute with version 2, because there won't be any manual template edits...

dieselpowered · #**291** 05-26-2008, 06:46 PM

Thank you so much for the response...really great when someone supports a mod they make!

It does not appear to be jumping any longer, so I think this issue is mute.

I see what you are referring to...did not realize it was using stock coding for things...I suppose I need to figure out how to fix that.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.14988 seconds Memory Usage 2,383KB Queries Executed 27 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (2)bbcode_code (3)bbcode_php (6)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (4)pagenav_pagelinkrel (11)post_thanks_box (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (11)post_thanks_postbit_info (10)postbit (3)postbit_attachment (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!