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

[Crrrazzzy]

Originally Posted by masterweb

Installed on a 4.0.7 version and never worked as supposed. Unisntalled

i have it working on my 4.0.7 .... is there anything i might be able to help you with?
what was "not working" for you?

[devilsmania]

installed on 4.0.7 and working.

[sputera]

I've installed on my 4.0.7 but seems its not working....

I cant see any "tabs" at the left side of admincp...

----------------------------------------------------------------------------

Update: now I can see it after refresh the page.

[sputera]

Yes...... It's working on 4.0.7 and already do some changes..... But, I need more to make this mod greater......



As per screenshot above, I want to remove the "dark blue" line and combine my tab with the forum title..... I believe that it is just a spacing issue..... but, may I know where to edit?

---------------------------------------------------------------------------------------
Update:

I manage to change that blue color to red color but still figuring out for the white spacing...

[sputera]

Thank god..................... after few cup of tea, I managed to settle down my TAB look and feel.

Here's the result:



Ok, here's the step i did:

1] I follow the instruction as post #423. This will ensure that the tab will use my template style.

<style type="text/css">
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav a:focus,
.yui-navset .yui-nav a:hover {
background:{vb:stylevar forumhead_background};
color:{vb:stylevar forumhead_color};
font-weight:bold;
}
.yui-navset .yui-content {
background:#ffffff;
border-top:5px solid #384b6b;
}
</style>

2] For the white space, I change the background color:

<style type="text/css">
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav a:focus,
.yui-navset .yui-nav a:hover {
background:{vb:stylevar forumhead_background};
color:{vb:stylevar forumhead_color};
font-weight:bold;
}
.yui-navset .yui-content {
background:#ffffff; <------ I change the color to almost black.
border-top:5px solid #384b6b;
}
</style>

2] Then, I edit the border, color, font style, etc at this file >>> skin-tfh.css


You can check my forum at: http://www.scramriders.com/forum. It's still under configuration......

Hope this help...

[XiTCLUB]

this is not more useable the default style is good & feel fine for visitors

[Avrojet]

I was wondering if anybody had gone through this guide to make the browser's back button bring you back to your last active tab?

Originally Posted by sinucello

Hi,
to answer the question myself:
no, it will not remember the tab. Meanwhile I found out that ajax-history can be done. Here`s an example with jquery tabs:
http://flowplayer.org/tools/demos/ta...x-history.html
select a tab, click on one of the links in the right nav, click the browsers back button and your tab will still be selected. This is done with the jquery history plugin:
http://plugins.jquery.com/project/history
Something similar exists for the yui framework:
http://developer.yahoo.com/yui/history/
They even have an example on how to use this with a tab navigation:
http://developer.yahoo.com/yui/examp...y-tabview.html

I`ve only very few experience with Ajax so I`d be glad if this could be implemented.

thanks - all the best,
Sacha

[W!cKeD]

Originally Posted by bobster65

ah crap.. I KNEW that there was something else I need to fix! gah! I'll try and figure out a solution for that tomorrow if I have time.

Did you test it in IE to see if it fixed the IE issues that you were having? Everything seemed to work fine for me in IE.

Any Solution or fix here? In Chrome it show me the forum without a style.

[karlm]

Originally Posted by karlm

Bobster, any chance you could look into helping with this when you get a moment, please? I've been using this hack for a long time - but am currently unable to use it due to the above errors (tables already exist).

Just bumping my own support request...

[gigawiz]

i have 4.0.7 and when i add a tab it doesent show the content i folled the instructions any help please??