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 MarsNIIT

Hello,

Thank for fast reply.

Please help me check attach file

Thanks

ok, the problem with the 2nd tab is that those are not Categories, but Sub Forums that you are trying to pull.. you are going to have to edit the $FORUMBITS variable that you set up in the index.php file and change the values ..

ie $forumbits2a = construct_forum_bit(136,1,0);

If its not a category, just put in the FORUMID leaving out the 2 other values..

ie $forumbits2a = construct_forum_bit(136);

Give that a try and it SHOULD display the rest of the data correctly.. if not, try and change the other numbers .. ie (136,0,0) or (136,1,1) or (136,2,0) just do it for ONE of them while testing until you get the desired results.

As far as Tab 3... you don't have the code for tab 3 setup yet and without this, it effects the other two tabs displays. Simply add the code for tab 3 and the functionality of the tabs will work as they should..

[MarsNIIT]

Hello,

problem with the 2nd tab:

- those are Categories, check here: http://forums.2it.in/forumdisplay.php?f=135

- I try as you tell but this problem not sloved

when i use vbb 3.6.8, this mod run good, but when i upgrade to 3.7CR3, it has problem.

Thanks

[bobster65]

Originally Posted by MarsNIIT

Hello,

problem with the 2nd tab:

- those are Categories, check here: http://forums.2it.in/forumdisplay.php?f=135

- I try as you tell but this problem not sloved

when i use vbb 3.6.8, this mod run good, but when i upgrade to 3.7CR3, it has problem.

Thanks

I might have to take a look at your site... I'll send you a PM

[netcommander]

can anybody use with vbseo ?

[dreads]

Ran into a problem?
Thats what my forumhome looks like.. so when i put in the codes u said.. it doesnt seem to work out?
So what should i do?

$stylevar[htmldoctype]
<html 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>


<!-- Tabbed Forum Home Header Code -->	
<link rel="stylesheet" type="text/css" href="http://www.g4hq.com/tabs/tabcontent.css" /> 
<script type="text/javascript" src="http://www.g4hq.com/tabs/tabcontent.js"> </script>
<!-- /Tabbed Forum Home Header Code -->

</head>
<body>
$header
$navbar

<!-- main -->
	<!-- 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> 
	<li><a href="#" rel="tcontent3">Tab 3 Name</a></li> 
	</ul> 
	<!-- /Tabbed Forum Home Tabs Layout -->  

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

<if condition="$show['guest']">
<!-- guest welcome message -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
	<tr>
		<td class="tcat" colspan="<if condition="$vboptions['showmoderatorcolumn']">6<else />5</if>"><phrase 1="$vboptions[bbtitle]">$vbphrase[welcome_to_the_x]</phrase></td>
	</tr>
	<tr>
		<td class="alt1" colspan="<if condition="$vboptions['showmoderatorcolumn']">6<else />5</if>">
			<phrase 1="faq.php$session[sessionurl_q]" 2="register.php$session[sessionurl_q]">$vbphrase[first_visit_message]</phrase>
		</td>
	</tr>	
</table>
<!-- / guest welcome message -->

<!-- /main -->

	<!-- Tabbed Forums switch tab script -->
	<script type="text/javascript">
	var myforumtabs=new ddtabcontent("forumtabs") 
	myforumtabs.setpersist(true) 
	myforumtabs.setselectedClassTarget("link") 
	myforumtabs.init()
	</script>
	<!-- /end Tabbed Forums switch tab script -->

<br />
</if>

<div id="fhomeright">

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%">
<tr><td class="aboxhead">MiniCP</td></tr>
<tr><td class="alt1"><div align="left">
<p>Under Construction</p>
</div></td></tr>
</table>

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%">
<tr><td class="aboxhead">Your Quick Links</td></tr>
<tr><td class="alt1"><div align="center">
<a href="http://www.g4hq.com/">G4HQ.com</a>
</div></td></tr>
</table>


<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%">
<tr><td class="aboxhead">Advertisement</td></tr>
<tr><td class="alt1"><div align="center">
<!-- Begin: AdBrite -->
<script type="text/javascript">
   var AdBrite_Title_Color = '000000';
   var AdBrite_Text_Color = '000000';
   var AdBrite_Background_Color = 'FFFFFF';
   var AdBrite_Border_Color = 'FFFFFF';
   var AdBrite_URL_Color = '000000';
</script>
<script src="http://ads.adbrite.com/mb/text_group.php?sid=654110&zs=3136305f363030" type="text/javascript"></script>
<!-- End: AdBrite -->
</div></td></tr>
</table>
</div>
<div id="fhomeleft">

$forumbits
$forumhome_markread_script


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

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

<!-- 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>
</table>
<br />
<!-- end what's going on box -->

<!-- icons and login code -->
		<table cellpadding="6" cellspacing="1" border="0" class="tborder" width="100%" style="text-align: center;">
		<tr>
			<td class="alt2"><img src="$stylevar[imgdir_statusicon]/forum_new.gif" alt="$vbphrase[contains_new_posts]" border="0" /></td>
			<td class="alt2 smallfont">&nbsp; $vbphrase[forum_contains_new_posts]</td>
			<td class="alt2"><img src="$stylevar[imgdir_statusicon]/forum_old.gif" alt="$vbphrase[contains_no_new_posts]" border="0" /></td>
			<td class="alt2 smallfont">&nbsp; $vbphrase[forum_contains_no_new_posts]</td>
			<td class="alt2"><img src="$stylevar[imgdir_statusicon]/forum_old_lock.gif" alt="$vbphrase[a_closed_forum]" border="0" /></td>
			<td class="alt2 smallfont">&nbsp; $vbphrase[forum_is_closed_for_posting]</td>
		</tr>
		</table>
<if condition="!$show['guest']">
        <!-- member logout -->
        <td align="$stylevar[right]"><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]"  onclick="return log_out()"><phrase 1="$bbuserinfo[username]">$vbphrase[log_out_x]</phrase></a></td>
        <!-- end member logout -->
    </if>
</tr>
</table>
<!-- / icons and login code -->

$footer
</body>
</html>

[kushal]

I have forum which is hidden from public and only available for team members, however, forum does show up though it cannot be opened. Is there a way to stop private forum from showing up?

Check up:
http://www.rtiindia.org/forum/

[gwerzal]

If anybody has got this working and could spend 10 minutes helping me configure it it will be very very much appreciated.

I have spent far too much time trying to get it running now.

I have got it installed and the tabs showing i just can't figure out how to configure it to show what i want.

I will quite happily pay someone to help me as i really want to get this working.

Thanks in advance
Ben Jones

[gwerzal]

Woop woop think i might have just figured it out.

[kushal]

@gwerzal,
I didn't saw your second Post... PM already sent. Never Mind

Regards,

[gwerzal]

Got it working at http://www.cashloopholes if anybody wants to take a look

Was stressin me out trying to install it. Soz for pestering you bobster.

I think this is a really good mod and im nominating it for mod of the month.


Would it be able to pull information up in a tab which isnt one of the forum pages. For example would it be able to display my download2 section in one of the tabs.