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 mr.reza

I've same problem and i did what you say but there is no success and nothing changed

The only way for it to show up as a bullet'd list is for the CSS file to be missing or corrupt. Try and upload the .css file again and make sure you are pointing to it. If it still doesn't "work" .. please post me 2 links that I can check.. the first one is the direct link to the .css file and the second a link to your tabbed page so I can view the source and see if you are pointing to the CSS file correctly.

[OsideRida06]

I am just checking in to see if you have had any success yet on that problem I was having? With the space below the bottons in IE?

Do you know if there is any way I can set up the forum where IE users will go to one skin and FF users will go to another? Because I would love to release this to my users. Atleast the FF ones. I cannot do it for IE though. It looks to horrible for that.

Hopefully you will find that fix.

[bobster65]

Originally Posted by OsideRida06

I am just checking in to see if you have had any success yet on that problem I was having? With the space below the bottons in IE?

Do you know if there is any way I can set up the forum where IE users will go to one skin and FF users will go to another? Because I would love to release this to my users. Atleast the FF ones. I cannot do it for IE though. It looks to horrible for that.

Hopefully you will find that fix.

This was posted to you a few posts up .. give it a try ..

Originally Posted by Scamorz

Osiderida try to make like me:
i deleted <br style="clear: left" /> and now the layout in IE6 is ok! There's no spacing in IE.

[OsideRida06]

Well I tried that, and you are right. It fixed the problem in IE. But then this is what I got in FF.



Any other ideas? There has to be something, I would think. Right?

[King Kovifor]

Originally Posted by OsideRida06

Well I tried that, and you are right. It fixed the problem in IE. But then this is what I got in FF.



Any other ideas? There has to be something, I would think. Right?

Try surrounding it in the following conditional:

<if condition="!is_browser('ie');"><br style="clear: left" /></if>

[OsideRida06]

Do you mean FF? Firefox is the one that needs that tab in order for it to work. I need to remove that code for it to work in IE.

So what would I change the 'ie' to in that code? ff?

[King Kovifor]

Originally Posted by OsideRida06

Do you mean FF? Firefox is the one that needs that tab in order for it to work. I need to remove that code for it to work in IE.

So what would I change the 'ie' to in that code? ff?

You would use that conditional. It is checking to see if the browser is not IE.

[OsideRida06]

So if its not IE, then it will not use that command, right?

[OsideRida06]

Well here is the update. I tried to put this code in the template.

<if condition="!is_browser('ie');"><br style="clear: left" /></if>

It gave an error. So I had to take out the ";" Which I assume was just inserted accidently.

I already had the website up and it did fix the problem. But I had the website already open. I closed IE and tried to load the website. Now with that code in there it does not load in IE.

Here is the code after I took the ; part out.

<if condition="!is_browser('ie')"><br style="clear: left" /></if>

Is this right? because like I said now the forum will not load at all in IE. Well I assume its that skin. But it will not load in IE at all so I can not change the skin to find out.

Any other ideas on how I can fix this?

[OsideRida06]

King Kovifor, are you still there bro?

Anyone?