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

[rapidphim]

Thanks Bob. Can you also add an option so that each style will use or have individual js file? Because right now, if one modified the CSS to match the current style, then that will be the CSS for the rest of other styles.

Btw, any ETA on version 2?

[bobster65]

Originally Posted by rapidphim

Thanks Bob. Can you also add an option so that each style will use or have individual js file? Because right now, if one modified the CSS to match the current style, then that will be the CSS for the rest of other styles.

Btw, any ETA on version 2?

no need for more than one js file... you can use multiple CSS files for multiple styles... I do this all the time... just upload a css file for each style and then change the path in each of the foruhome templates to point to the css for that particular style

ETA is at least a month out because of schedule conflicts with my co-developers.

[xfaethorx]

I have a number of hacks at the top of the forum and you have to scroll down to get to the forum tabs. When you click on a tab it takes you back to the top of the page , anyway we can get it to focus on the tab rather than returning to the top of the page.

*edit * durrrrrr fixed it, just needed to make sure the forums exited when referncing them in the php. My bad.....*fail *

[bobster65]

Originally Posted by xfaethorx

I have a number of hacks at the top of the forum and you have to scroll down to get to the forum tabs. When you click on a tab it takes you back to the top of the page , anyway we can get it to focus on the tab rather than returning to the top of the page.

*edit * durrrrrr fixed it, just needed to make sure the forums exited when referncing them in the php. My bad.....*fail *

Glad you got it solved.. done that a few times myself

[Mookie]

Bob this is a awesome Mod. Currently have it running on a child template on my gaming site (ie not finished yet). Everything works great.

Except one small thing : All my subforums show up fine but when i have a section that does not have a sub forum just Threads inside it nothing shows up under it. Check out the last section (AoC Public Forums) it links to the correct area of the forums but does not display the threads. Any ways to fix this issue or add threads to this mod?

I looked through everything post and found a few with the same problem but did not find any fixes. Here is my ForumHome template also.

PHP Code:

<!-- Tabbed AOC ? START Tab 3 Content Layout -->
<div id="tcontent3" 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_1126')"><img id="collapseimg_forumbit_1126" src="images/buttons/collapse_tcat.gif" alt="" border="0" /></a><a href="forumdisplay.php?f=126">Age of Conan (Leader Sardus)</a></td>
    </tr>
</tbody>

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

<!-- 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_1160')"><img id="collapseimg_forumbit_1160" src="images/buttons/collapse_tcat.gif" alt="" border="0" /></a><a href="forumdisplay.php?f=160">Application</a></td>
    </tr>
</tbody>

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

<!-- 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_1164')"><img id="collapseimg_forumbit_1164" src="images/buttons/collapse_tcat.gif" alt="" border="0" /></a><a href="forumdisplay.php?f=164">AoC Public Forums</a></td>
    </tr>
</tbody>

<tbody id="collapseobj_forumbit_1164" style="">
$forumbits3c
</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 AOC ? END Tab 3 Content Layout --> 


[bobster65]

Originally Posted by Mookie

Bob this is a awesome Mod. Currently have it running on a child template on my gaming site (ie not finished yet). Everything works great.

Except one small thing : All my subforums show up fine but when i have a section that does not have a sub forum just Threads inside it nothing shows up under it. Check out the last section (AoC Public Forums) it links to the correct area of the forums but does not display the threads. Any ways to fix this issue or add threads to this mod?

I looked through everything post and found a few with the same problem but did not find any fixes. Here is my ForumHome template also.

Hey Mookie,

So the "category" just has threads and no forums or subforums .. is that correct? I can take a look.. just shoot me a PM when you get time. Its probably something simple Its not the template, it could just be the way the forumbit is being created..

Bob

[Blackhat]

Does it work for 3.7 ?

[bobster65]

Originally Posted by Blackhat

Does it work for 3.7 ?

yes sir... :up:

[Antonio Pereira]

One word to describe this MOD: Amazing for me MOD of the year 2008

Iam in the first tests to try to install and the first impressions is very good hack.

At this moment i have 2 doubt?s and one suggestion for the next version.

First Doubt
Where to put the field Description? Only i see Category name --Forum Name

href="forumdisplay.php?f=5">CATEGORY NAME</a></td>

Secound Doubt
Can i make my own buttons personalized , not the color but all the button per example one image complete button?


Suggestion to Version 2
This mod is diferent wen compared with vbulletin.org tabs because wen i click in index.asp i have to load all forum, and you now wen a user is visiting one site have for habit to click many time in (Home)index.asp and this what have more CPU usage in one forum.
vbulletin.org tabs have done diference wen you click in home or another tab link only load that forum/subforum not all forum.

So if you can do some option in version 2 to give this extra CPU for larges sites certainly many vbulletin fans go use this MOD.


Sorry for my English.

Best Regards

[callumbush]

12. Locate the HTML comment <!-- main -->
NOTE: The code between the <!-- main --> and <!-- /main --> is where most of the additional code will be placed. (one small chunk goes immediately after <!-- /main --> )

>> ...Okay I give up, where do I find this?
There is no <!-- main --> or <!-- /main --> in my style's FORUMHOME