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

[karnevil]

okay from reading it could be the path to /clientscript

so will try that out on test forum.


YEP thats it just took the preceeding / off the links.

Works brilliantly now. sorry for my panic

[Brother Malachi]

Originally Posted by karnevil

Hmmm well i'm not sure what I am doing wrong

www.legalbeagles.info/forums/tabforumhome.php

The 'tabs' end up being a bullet point list and there are no forums on forumhome at all, then if you click on each ''tab'' it takes you to www.legalbeagles.info/forums/tabforumhome.php with the relevant forum categories on - without any of the forum formatting (standard forumhome is www.legalbeagles.info/forums


I did all the template changes, and created the new template, and treble checked them, and the files are uploaded. I can't work out what I am missing at all.

Have removed template changes for now.

Am I missing something really obvious ?

Thanks in advance.

Did you forget to add the includes for the css and javascript files?

[Reminisce32]

any way to make the tabs match the colors of a custom skin? its currently the default vBulletin color

[bobster65]

Originally Posted by Reminisce32

any way to make the tabs match the colors of a custom skin? its currently the default vBulletin color

Yes, thats all done in the CSS file. Just change the back ground colors for the various elements.. pretty easy..

[Digital Jedi]

Anyone know where the default Loading GIF is located? I wanted to switch mine to that one, but for the life of me, I can't seem to find it. I know I've found it before.

[bobster65]

Originally Posted by Digital Jedi

Anyone know where the default Loading GIF is located? I wanted to switch mine to that one, but for the life of me, I can't seem to find it. I know I've found it before.

I have one loaded in the zip file in the Clientscripts/Tabs folder .. you can put it where ever you want, just edit the ajaxtabs.js file and towards the top (maybe 3 lines down) is the path to the image.. just change the path to where you uploaded the image.

[Digital Jedi]

Originally Posted by bobster65

I have one loaded in the zip file in the Clientscripts/Tabs folder .. you can put it where ever you want, just edit the ajaxtabs.js file and towards the top (maybe 3 lines down) is the path to the image.. just change the path to where you uploaded the image.

Actually, I'm trying to change that one to the one my forum uses for Quick Reply, but for the life of me, I can't find that load icon. I thought it was in images/misc or [stylevar]/misc, but didn't see it there. For some reason, it's alluding me.

[bobster65]

Originally Posted by Digital Jedi

Actually, I'm trying to change that one to the one my forum uses for Quick Reply, but for the life of me, I can't find that load icon. I thought it was in images/misc or [stylevar]/misc, but didn't see it there. For some reason, it's alluding me.

default vbulletin comes with 2 named 11x11progress.gif and 13x13progress.gif they are in the misc directory.. might those be the ones? There is also one named progress.gif

[Digital Jedi]

"Progress" Ack! That's why I couldn't find it. I was looking for "load" or some variation thereof. Thanks. <smacks head>

[Digital Jedi]

I dummied up some tabs on templates that aren't FORUMHOME, and managed to get the "fake" tabs to work as regular links, and even take you to the correct tab. I was wondering, though, what I would need to do to get a dummied tab to look like a selected tab. I tried mimicking the CSS and putting an inline style for that particular <li>, but that didn't seem to do anything. Functionally, everything's working, but aesthetically I can't reproduce that selected effect on the dummied tabs.