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

DeanoG · #**162** 05-05-2008, 06:27 AM

Quote:

Originally Posted by bobster65

yes, just wrap the specific tab with this... (use the ID's of the user groups you want to be able to view it)

Code:

<if condition="is_member_of($vbulletin->userinfo, 5,6,)"> 

</if>

so it would look something like this.. (The code in RED is what you would need to add ...

Code:

<!-- Tabbed Forum Home Tabs Layout -->
	<ul id="forumtabs" class="shadetabs"> 
	<li><a href="#" rel="tcontent1" class="selected">Tab 1 Name</a></li> 
	<li><a href="#" rel="tcontent2">Tab 2 Name</a></li> 
	<if condition="is_member_of($vbulletin->userinfo, 5,6,)">
           <li><a href="#" rel="tcontent3">BETA FORUM Tab/a></li>
        </if> 
	</ul> 
	<!-- /Tabbed Forum Home Tabs Layout -->

Then you will also want to wrap the tab display data as well ..

Code:

<!-- Tabbed Forum Home ? START BETA FORUM TAB Content Layout -->

<if condition="is_member_of($vbulletin->userinfo, 5,6,)">

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

CONTENT REMOVED FOR EXAMPLE ONLY

</div>

</if>

<!-- /Tabbed Forum Home ? END BETA FORUM TAB Content Layout-->

Thanking you sir !

siriuxs · #**163** 05-05-2008, 08:40 AM

Hi, this mod is more beautiful but it's installation is more complex...

Moreover when is relased a news versione of vbulletin and style (ex: 3.7.1) and I update the style, I lost all modified and I have to redo the procedure

Excuse me for my bad english but I'am italian

siriuxs · #**164** 05-05-2008, 09:47 AM

At the step N.12 there is:
Locate the HTML comment 

In my FORUMHOME template there isn't code

Where I can find it?

siriuxs · #**165** 05-05-2008, 11:55 AM

This is my FORUMHOME code:

PHP Code:


			
$stylevar[htmldoctype]

<html xmlns="http://www.w3.org/1999/xhtml" dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">

<head>

    <!-- no cache headers -->

    <meta http-equiv="Pragma" content="no-cache" />

    <meta http-equiv="Expires" content="-1" />

    <meta http-equiv="Cache-Control" content="no-cache" />

    <!-- end no cache headers -->

    $headinclude

    <title><phrase 1="$vboptions[bbtitle]">$vbphrase[x_powered_by_vbulletin]</phrase></title>

</head>

<body>

$header

$navbar

$photoplog[minithumbnails]

$forumbits

</tbody>

</table>

<div class="spacer"></div>

<br />





<!-- what's going on box -->

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

<thead>

    <tr>

        <td class="tcat" colspan="2">$vbphrase[whats_going_on]</td>

    </tr>

</thead>



<if condition="$show['loggedinusers']">

<!-- logged-in users -->

<tbody>

    <tr>

        <td class="thead" colspan="2">

            <a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_activeusers')"><img id="collapseimg_forumhome_activeusers" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_activeusers].gif" alt="" border="0" /></a>

            <a href="online.php$session[sessionurl_q]" rel="nofollow">$vbphrase[currently_active_users]</a>: $totalonline (<phrase 1="$numberregistered" 2="$numberguest">$vbphrase[x_members_and_y_guests]</phrase>)

        </td>

    </tr>

</tbody>

<tbody id="collapseobj_forumhome_activeusers" style="$vbcollapse[collapseobj_forumhome_activeusers]">

    <tr>

        <td class="alt2"><a href="online.php$session[sessionurl_q]" rel="nofollow"><img src="$stylevar[imgdir_misc]/whos_online.gif" alt="$vbphrase[view_whos_online]" border="0" /></a></td>

        <td class="alt1" width="100%">

            <div class="smallfont">

                <div style="white-space: nowrap"><phrase 1="$recordusers" 2="$recorddate" 3="$recordtime">$vbphrase[most_users_ever_online_was_x_y_at_z]</phrase></div>

                <div>$activeusers</div>

            </div>

        </td>

    </tr>

</tbody>

<!-- end logged-in users -->

</if>

<tbody>

    <tr>

        <td class="thead" colspan="2">

            <a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_stats')"><img id="collapseimg_forumhome_stats" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_stats].gif" alt="" border="0" /></a>

            <phrase 1="$vboptions[bbtitle]">$vbphrase[x_statistics]</phrase>

        </td>

    </tr>

</tbody>

<tbody id="collapseobj_forumhome_stats" style="$vbcollapse[collapseobj_forumhome_stats]">

    <tr>

        <td class="alt2"><img src="$stylevar[imgdir_misc]/stats.gif" alt="<phrase 1="$vboptions[bbtitle]">$vbphrase[x_statistics]</phrase>" border="0" /></td>

        <td class="alt1" width="100%">

        <div class="smallfont">

            <div>

                $vbphrase[threads]: $totalthreads,

                $vbphrase[posts]: $totalposts,

                $vbphrase[members]: $numbermembers<if condition="$show['activemembers']">,

                    <span title="<phrase 1="$vboptions[activememberdays]">$vbphrase[within_the_last_x_days]</phrase>">$vbphrase[active_members]: $activemembers</span>

                </if>

            </div>

            <div><phrase 1="member.php?$session[sessionurl]u=$newuserid" 2="$newusername">$vbphrase[welcome_to_our_newest_member_x]</phrase></div>

        </div>

        </td>

    </tr>

</tbody>

<if condition="$show['birthdays']">

<!-- today's birthdays -->

<tbody>

    <tr>

        <td class="thead" colspan="2">

            <a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_birthdays')"><img id="collapseimg_forumhome_birthdays" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_birthdays].gif" alt="" border="0" /></a>

            $vbphrase[todays_birthdays]

        </td>

    </tr>

</tbody>

<tbody id="collapseobj_forumhome_birthdays" style="$vbcollapse[collapseobj_forumhome_birthdays]">

    <tr>

        <td class="alt2"><a href="calendar.php?$session[sessionurl]do=getday&amp;day=$today&amp;sb=1"><img src="$stylevar[imgdir_misc]/birthday.gif" alt="$vbphrase[view_birthdays]" border="0" /></a></td>

        <td class="alt1" width="100%"><div class="smallfont">$birthdays</div></td>

    </tr>

</tbody>

<!-- end today's birthdays -->

</if>

<if condition="$show['upcomingevents']">

<tbody>

    <tr>

        <td class="thead" colspan="2">

            <a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_events')"><img id="collapseimg_forumhome_events" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_events].gif" alt="" border="0" /></a>

            <if condition="$show['todaysevents']">$vbphrase[todays_events]<else /><phrase 1="$vboptions[showevents]">$vbphrase[upcoming_events_for_the_next_x_days]</phrase></if>

        </td>

    </tr>

</tbody>

<tbody id="collapseobj_forumhome_events" style="$vbcollapse[collapseobj_forumhome_events]">

    <tr>

        <td class="alt2"><a href="calendar.php$session[sessionurl_q]"><img src="$stylevar[imgdir_misc]/calendar.gif" alt="$vbphrase[calendar]" border="0" /></a></td>

        <td class="alt1" width="100%"><div class="smallfont">$upcomingevents</div></td>

    </tr>

</tbody>

</if>



<tbody>

<tr>

<td class="tcat" 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

$ad_location[ad_forumhome_afterforums]

<!-- end what's going on box -->



<!-- icons -->

<div class="spacer"></div>

<table class="icon_legend" align="center" border="0" cellpadding="6" cellspacing="0" width="100%">





<tbody>

<tr align="center">

    <td class="alt2"><img src="$stylevar[imgdir_statusicon]/forum_new_small.gif" alt="" border="0" /></td>

    <td align="left" class="alt1">

        <div class="smallfont">$vbphrase[forum_contains_new_posts]</div>

        

        

    </td>

    <td class="alt2" ><img src="$stylevar[imgdir_statusicon]/forum_old_small.gif" alt="" border="0" /></td>

    <td align="left" class="alt1" ><div class="smallfont">$vbphrase[forum_contains_no_new_posts]</div></td>

    <if condition="$vboptions['showlocks']"><td class="alt2" ><img src="$stylevar[imgdir_statusicon]/forum_new_lock_small.gif" alt="" border="0" /><img src="$stylevar[imgdir_statusicon]/forum_old_lock_small.gif" alt="" border="0" /></td>

    <td align="left" class="alt1" ><div class="smallfont">$vbphrase[forum_is_closed_for_posting]</div></td></if>

</tr>





</tbody>



</table>

<!-- /icons-->





<!-- time and login code -->

<div class="spacer"></div>

<table cellpadding="0" cellspacing="2" border="0" width="100%">

<tr valign="bottom">

<!-- Time -->

        <td align="$stylevar[left]" valign="top"><div class="smallfont">$vbphrase[all_times_are_gmt_x_time_now_is_y]</div></td>

<!-- /Time -->        



<!-- member logout -->

<if condition="!$show['guest']">

<td align="$stylevar[right]"><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]"  onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')"><phrase 1="$bbuserinfo[username]">$vbphrase[log_out_x]</phrase></a></td>

</if>

<!-- /member logout -->

</tr>

</table>

<!-- /time and login code -->

$footer

</body>

</html>

I don't see the main :S:S:S

Astrof · #**166** 05-06-2008, 01:24 PM

Bobster,

This is wonderful work.

I just have one question - is it smart to install this to forums with an increadible amount of boards?

I have a forum with around a 100 forums that are set as sub-forums to forums that act as categories on the homepage in order to save bandwidth and take the load off the server (otherwise the site would barely be able to work), and I reckon that since this mod isn't AJAX-based, it would mean all of my sub-forums would have to load on the homepage in order for the members to browse via tabs, am I right?

bobster65 · #**167** 05-06-2008, 01:47 PM

Quote:

Originally Posted by Astrof

Bobster,

This is wonderful work.

I just have one question - is it smart to install this to forums with an increadible amount of boards?

I have a forum with around a 100 forums that are set as sub-forums to forums that act as categories on the homepage in order to save bandwidth and take the load off the server (otherwise the site would barely be able to work), and I reckon that since this mod isn't AJAX-based, it would mean all of my sub-forums would have to load on the homepage in order for the members to browse via tabs, am I right?

I've installed this on a site that has 300+ forums and it didn't increase the load any, however it didn't decrease it any either. I do have plans for a AJAX Version in the future which would be a lot better for larger forums like yours (its a ways out tho). If you have a development instance, you could test it out and compare the loads. From the sounds of your system tho, if the load is to high to display all your forums normally, its probably going to be the same load using this ... I'll keep you in mind for testing the AJAX version as I will need some beta testers when it comes time (if you are interested)

Bob

bobster65 · #**168** 05-06-2008, 01:49 PM

Quote:

Originally Posted by siriuxs

This is my FORUMHOME code:

I don't see the main :S:S:S

Hey Siriuxs - when I get some free time, I am going to come up with a solution for custom FORUMHOME templates ... I've got a few members that have this same challenge and I will come up with something soon that works for you

bobster65 · #**169** 05-06-2008, 01:55 PM

Quote:

Originally Posted by joakandr

can you make something that automates all this? Would be a lot easier...

That is something that I am "planning" on for version 2 (also AJAX). Feel free to PM me what you would like to see as far as controls... gather ideas on the white board now, so if ya got em, send em

Astrof · #**170** 05-06-2008, 02:14 PM

Quote:

Originally Posted by bobster65

I've installed this on a site that has 300+ forums and it didn't increase the load any, however it didn't decrease it any either. I do have plans for a AJAX Version in the future which would be a lot better for larger forums like yours (its a ways out tho). If you have a development instance, you could test it out and compare the loads. From the sounds of your system tho, if the load is to high to display all your forums normally, its probably going to be the same load using this ... I'll keep you in mind for testing the AJAX version as I will need some beta testers when it comes time (if you are interested)

Bob

Hey, Bob,

Thanks for such a quick response.

So, yes, obviously it's better for me not to install this as all of the forums will need to load this way, which is not the case with my current layout (only links to the forums in the subcategory list in the category row).

Well, I might try and see, if I do, I'll report about the load.

I don't have a development site yet, if that changes, I'd be glad to help you with beta testing if I'll have time.

heeroyun · #**171** 05-08-2008, 06:11 AM

It's cool

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.08290 seconds Memory Usage 2,427KB 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 (3)bbcode_code (1)bbcode_php (5)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!