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

[veenuisthebest]

this is just toooooooo good i'm loving it ..

there's one little problem sir that I find with the collapsible buttons.

Whenever I click on the collapse button, the row above CATEGORY NAME that displays Forum, Last Post, Threads, Post is disturbed.

Please try to notice in the attachments or you can have a look here.. try collapsing and you would notice a change in the row above CATEGORY NAME.. BUT this does not happen with default FORUMHOME template, infact the row remains intact.

I noticed the same problem in www.vbulletin-turkey.com as well as yours too !!

[Eq4bits]

Looks to me like if you change that 'cell' just before the one that contains the word 'Forum' needs to be changed to the size of the icon that fills it in the forum list on the page... when you collapse you are no longer displaying the row with the cell that contains the image so the cell width is no longer filled.

find:

<td class="thead">&nbsp;</td>
      <td class="thead" width="**%" align="$stylevar[left]">$vbphrase[forum]</td>

(asterisks for percentage value)
and add a percentage value to
[code]<td class="thead">&nbsp;</td>[code]
that would be the equivalent of the 29px that the icon gif is (depending on what layout you use for your board and the percentages used for the other 'columns').
for example

<td class="thead" width="5%" align="$stylevar[center]">&nbsp;</td>

[veenuisthebest]

thanks.. I did what you said sir..

you may look here now for Tab 1 name. Its working fine but not perfect coz there's still a slight movement in the Forum text... and do notice the Last Post. It is still moving.

Plzz compare it with the default style there, you would notice that everything seems so perfect in Default Style. And why does Threads and Posts are't moving ??

[WhaLberg]

This is really a great mod Bob!

Congratulations.

[MarsNIIT]

Originally Posted by veenuisthebest

this is just toooooooo good i'm loving it ..

there's one little problem sir that I find with the collapsible buttons.

Whenever I click on the collapse button, the row above CATEGORY NAME that displays Forum, Last Post, Threads, Post is disturbed.

Please try to notice in the attachments or you can have a look here.. try collapsing and you would notice a change in the row above CATEGORY NAME.. BUT this does not happen with default FORUMHOME template, infact the row remains intact.

I noticed the same problem in www.vbulletin-turkey.com as well as yours too !!

Hello,

Can you tell me how to sloved this problem.

Thank you verry much.

[Eq4bits]

looking at the source code on the link you gave you need to change the percentages in each case (everytime it appears in the FORUMHOME template:

<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>

for example:

  <thead>
              <tr align="center">
                <td class="thead" width="5%">&nbsp;</td>
                <td class="thead" width="80%" align="$stylevar[left]">$vbphrase[forum]</td>
                <td class="thead" width="5%">$vbphrase[last_post]</td>
                <td class="thead" width="5%">$vbphrase[threads]</td>
                <td class="thead" width="5%">$vbphrase[posts]</td>
                <if condition="$vboptions['showmoderatorcolumn']">
                <td class="thead">$vbphrase[moderator]</td>
                </if>
              </tr>
  </thead>

by adjusting ALL percentages to total 100% (5%+80%+5%+5%+5%=100%) OR use px width's that total the width of your forum/table (25px+500px+175px+50px+50px=800px) instead of percentages... using the SAME percentages/px's in the section of code for ALL of the tabs (if you have 4 tabs then the code is in FORUMHOME four times. percentages and pixels used for 'example' only).

[veenuisthebest]

have already solved the problem sir...thats exactly what we have to do.. I was just going to post this !! lol.. thank you

[veenuisthebest]

by the way... 5,80,5,5,5 would give us a bit wider columns width.

Have been testing this since an hour, the exact values that are giving me the perfect column width's exactly similar to default FORUMHOME are 4,87,5,4,4. They do not total 100 but working fine

[veenuisthebest]

ohhh.... the problem remains in IE... what to do now ???

The row gets totally messed up in IE, however.. working only in Firefox !!

[rapidphim]

Is it possible for:
1/ On each tab, show the number of new threads created/replied? For example: Tab 1 (2 New)
2/ A quick ajax display all the new created/replied threads when click on number of new created/replied threads?
3/ Everytime user clicks Home, is there away to bring them back to first tab, instead of staying at the current tab that they selected?