Forum Home Enhancements - [YUI] Tabbed Forum Home

[YUI] Tabbed Forum Home (TFH) version 4.0.8
vBulletin version: 4.1.11 - 4.2.0
Older versions need original mod for now

Description:
This MOD is for creating a "Tabbed" Forum Home Page to have Categories and other Data types (via Modules) displayed within Tab containers. 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 via AJAX without leaving the main forums page.

This is an entirely new version of TFH and only works with vB4. Management is all done via the Admin CP.

Installation is done in 3 simple steps. Upload files, Import product, 3 easy Template Edits.

Setup is now a breeze via the Tabs option in the Admin CP.

The attached Zip File contains the Files and Instructions necessary to install.

Incompatible mods
Two columns of categories - https://vborg.vbsupport.ru/showthread.php?t=275114

Upgrading to 4.0.7+ from previous versions
We have had to change the mod's id which means when you install this time you will have 2 mods, the new version with its new id and the old version.
Both can run side by side but shouldnt to save processing time.

To migrate:
Install the latest version and upload all the files (no conflicts to worry about)
Install the latest product xml
Follow the template changes in the upgrade txt
Create your tabs in the new admincp menu option "EG: Tabbed Forum Home" to mirror the existing "Tabbed Forum Home" menu.
Once done uninstall the product "Tabbed Forum Home" with productid bobster_tfh (old mod id)


Change Log:

VERSION 4.0.8 2nd August 2012
Changes:
> Fixed several database bugs
> Fixed several legacy redirect bugs
> Fixed static path problem for scripts (this should resolve some 4.0.7 blank forum issues)
> Thanks to Bluefin221 & LgsOfChampions

VERSION 4.0.7 1st August 2012
Changes:
> New Mod ID - YOU MUST MIGRATE SETTINGS MANUALLY
> vBulletin 4.1.11+ required
> JS loaded after drawing
> Remote YUI JS (partial) support
> Fixed instructions typo
> All previous fixes in 4.0.5 that caused no bugs

VERSION 4.0.5 27th April 2012
Changes:
> This version should be used with vbulletin 4.1.11+
> Compatibility with JS changes in vbulletin 4.1.11+
> Upgraded to run with YUI 2.9.0
> Local versions of files to minimise loading issues
> Upgraded to Dispatcher 2.2
> Reduced size of forumindextab generator and reduced size to boost performance
> Added a template cache call to reduce load
> Added loader animation and box when tab is clicked and loading.

Original Change Logs for bobster65 & King Kavor releases
VERSION Beta 2b 23 March 2010
Changes:
> CSS Conflict resolved

VERSION Beta 2 19 March 2010
> CSS Conflict resolved
> Upgrade to YUI 2.7.0 & Dispatcher 2.1
> Minor Bug fixes

Originally created by bobster65 & King Kovifor

[bobster65]

Originally Posted by bracodesign

can anyone explain how to perform step 3, do not know what file should I modify the code

Step 3 is TEMPLATE Edits, not file edits.

You edit templates via the Admin CP.

Styles & Templates >> Style Manager >> Edit Templates (chose this from the drop down box for the particular style you want to edit) >> chose which template you want to edit.

[bracodesign]

I'm sorry my ignorance, I really understand very little of vbulletin, I made it in the editing area as you indicated, but did not understand what I edit. information by editing, I should change the template in 3 parts, the first part I need to enter a code before the tag </ head> right? I found this tag within a "activateform" and insert the code. Is that correct? The second is to modify the content between the <! - Main -> but I can not find the right place.

These are the installation instructions, help me with this part of me showing how to do?

=========================
FORUMHOME TEMPLATE EDIT 1
=========================
INSERT THE BELOW LINE OF CODE RIGHT BEFORE </head>

<!-- Tabbed Forum Home Header Code -->

<!-- TFH CSS -->
<link rel="stylesheet" type="text/css" href="{vb:raw vboptions.bburl}/tfh/tabview.css" />
<link rel="stylesheet" type="text/css" href="{vb:raw vboptions.bburl}/tfh/skin-tfh.css" />

<!-- YUI Library -->
<script type="text/javascript" src="http://yui.yahooapis.com/2.7.0/build/utilities/utilities.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.7.0/build/tabview/tabview-min.js"></script>

<!-- YUI Library Extension: Dispatcher -->
<script type="text/javascript" src="http://js.bubbling-library.com/2.1/build/dispatcher/dispatcher-min.js"></script>

<!-- /Tabbed Forum Home Header Code -->

=========================
FORUMHOME TEMPLATE EDIT 2
=========================
REPLACE:

<!-- main -->

*all the Default vb CODE between the remarks*

<!-- /main -->

WITH:

<!-- main -->

{vb:raw template_hook.forumhome_above_forums}

<!-- Tabbed Forum Home -->

<div id="forumhome_container" style="margin-top:5px"> </div>

<script type="text/javascript"> {vb:raw tfh} </script>

<!-- /Tabbed Forum Home -->

{vb:raw template_hook.forumhome_below_forums}

<!-- /main -->

NOTE: IF YOU HAVE CUSTOM <!-- main --> through <!-- /main --> CODE, YOU WILL NEED TO COPY IT AND REPLACE THE DEFAULT CODE IN THE FORUMHOMETAB TEMPLATE

=====================
FORUMHOMETAB TEMPLATE
=====================
THIS IS AUTOMATICALLY CREATED FOR YOU BASED ON DEFAULT VB4.

NOTE: YOU ONLY NEED TO EDIT THIS IF YOU HAVE A CUSTOM STYLE THAT HAS A DIFFERENT FORUMHOME <!-- main --> **CUSTOM CODE** <!-- /main --> CODE

<!-- main -->

<ol id="forums" class="floatcontainer">
{vb:raw forumbits}
</ol>

<!-- /main -->

{vb:raw forumhome_markread_script}

NOTE: IF YOU HAVE A CUSTOM STYLE WITH DIFFERET <!-- main --> **CUSTOM** <!-- /main --> CODE, Replace with your custom code. You do need to leave the last line ( {vb:raw forumhome_markread_script} ) in place tho as that is used for marking the forum(s) as READ.

================================================
forumhome_forumbit_level1_nopost TEMPLATE EDIT 1
================================================
INSERT AT BEGINNING OF TEMPLATE:

<vb:if condition="(THIS_SCRIPT=='indexTFH' AND (in_array($forum['forumid'], $_REQUEST['tabcat']) OR in_array('all', $_REQUEST['tabcat']))) OR (THIS_SCRIPT=='forumdisplay') OR (THIS_SCRIPT=='index')">

================================================
forumhome_forumbit_level1_nopost TEMPLATE EDIT 2
================================================
INSERT AT END OF TEMPLATE:

</vb:if>

==============================================
forumhome_forumbit_level1_post TEMPLATE EDIT 1
==============================================
INSERT AT BEGINNING OF TEMPLATE:

<vb:if condition="(THIS_SCRIPT=='indexTFH' AND (in_array($forum['forumid'], $_REQUEST['tabcat']) OR in_array('all', $_REQUEST['tabcat']))) OR (THIS_SCRIPT=='forumdisplay') OR (THIS_SCRIPT=='index')">

==============================================
forumhome_forumbit_level1_post TEMPLATE EDIT 2
==============================================
INSERT AT END OF TEMPLATE:

</vb:if>

[Angle4cor]

After all I always get only this. My categories just disappeared. I tried to do this on three styles already. I'm using vB 4.1.6.

Can someone help me?

Thanks in advance.

[bobster65]

Originally Posted by bracodesign

I'm sorry my ignorance, I really understand very little of vbulletin, I made it in the editing area as you indicated, but did not understand what I edit. information by editing, I should change the template in 3 parts, the first part I need to enter a code before the tag </ head> right? I found this tag within a "activateform" and insert the code. Is that correct? The second is to modify the content between the <! - Main -> but I can not find the right place.

These are the installation instructions, help me with this part of me showing how to do?

=========================
FORUMHOME TEMPLATE EDIT 1
=========================

=========================
FORUMHOME TEMPLATE EDIT 2
=========================


=====================
FORUMHOMETAB TEMPLATE
=====================


================================================
forumhome_forumbit_level1_nopost TEMPLATE EDIT 1
================================================


================================================
forumhome_forumbit_level1_nopost TEMPLATE EDIT 2
================================================



==============================================
forumhome_forumbit_level1_post TEMPLATE EDIT 1
==============================================


==============================================
forumhome_forumbit_level1_post TEMPLATE EDIT 2
==============================================

The BOLD RED are the names of the specific template(s) that you edit.

[bracodesign]

I have some categories and within a forum with several sub-forums, how do I set the tab to show all when clicked, would be: tabindex.php? Tabcat [] = 152
152 is the ID of the category?

[Angle4cor]

Originally Posted by Angle4cor

After all I always get only this. My categories just disappeared. I tried to do this on three styles already. I'm using vB 4.1.6.

Can someone help me?

Thanks in advance.

Anybody ?I made it step by step and still nothing.

[RichieBoy67]

Angle, You haven't made any tabs yet...

[RichieBoy67]

Have you released this yet??

Originally Posted by ZeroHour

I am working on a fix right now, simply put the collapse code vbulletin has scans the page for certian tags and applies the collapse's and tags the onclick event to found links. Because the tabs are loaded after the page is loaded (aka dynamic) the script that does this tagging has already run and does not rerun.

For now I would remove the tab code for now. Remove the following from forumhpme_forumbit_level1_nopost THIS ISSUE HAS BEEN FIXED AND A FIXED VERSION WILL BE COMING SOON

<a class="collapse" id="collapse_c_cat{vb:raw forum.forumid}" href="{vb:raw relpath}#top"><img src="{vb:stylevar imgdir_button}/collapse_40b.png" alt="" title="{vb:rawphrase collapse_this_category}" /></a>

That will remove the button.

Regarding Santori's implementation, its not a tweaked version of this mod, his code loads the tab content along with the page as hidden div tags which means the vbulletin code can *tag* the collapse onclick to the divs. This also makes the pages a larger and I dont think the tabs live update themselves either unlike this mod. This is a lot like the vb3 version of a similar mod and not dynamic tab content.

Regarding vBSEO, I have vbSEO here and it all plays well.

Regarding SEO in general, like I said in the last post, if you are feeding google etc sitemaps there should be no real seo hit as your forum home page is not going to be affected in rankings tbh. In a way because the page size is smaller for forumhome you could actually benefit. Most of your google traffic will probably be *long tail* aka to specific threads rather then to your forumhome, having had a site using this for ages now its not had any negative effect I can see.

[vanquish.securi]

Works great on vB 4.1.7. Minus the hidden tabs when group ID is private. I guess you will have to treat it like a teaser. Although the Moderators tab did not how on regular user group test account. Installed. Such a great mod and blows mybb tabs away.

[nezr]

any new updates coming?