The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
[AJAX] Tabbed Forum Home Details »» | |||||||||||||||||||||||||||||||
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 Download Now
Supporters / CoAuthors Show Your Support
|
Comments |
#1362
|
||||
|
||||
That is fixed in version 2.
|
#1363
|
|||
|
|||
Sounds really promising. I hope the beta testing is going well.
|
#1364
|
|||
|
|||
i've been hearing about this beta since a month....still no full version is released
|
#1365
|
||||
|
||||
Links have been posted to the DEV site.. if you wish to discuss v2, it can be done there. This thread is for support of version 1 and 1.5 ...
|
#1366
|
|||
|
|||
Please help. When I install the tabs look nothing like my custom forum, the look like the default vBulletin style and i copied <main> from my custom template.
Please help |
#1367
|
||||
|
||||
you have to edit the CSS file that comes with this to match your custom style....
|
#1368
|
|||
|
|||
hay. today i tried to install it at one of my forums...
at first i tried Ajax 1.5 version....simply not worked then i tried 1.01 version. its showing wired result well...at, 2nd attachment, its showing how my forum generally shows (before install) here's the default code of my forum (im using vbstyles Aria skin) FORUMHOME (i added here few code myself to make the sidebar Code:
$stylevar[htmldoctype] <html xmlns="http://www.w3.org/1999/xhtml" dir="$stylevar[textdirection]" lang="$stylevar[languagecode]"> <head> <!-- no cache headers --> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="-1" /> <meta http-equiv="Cache-Control" content="no-cache" /> <!-- end no cache headers --> $headinclude <title><phrase 1="$vboptions[bbtitle]">$vbphrase[x_powered_by_vbulletin]</phrase></title> </head> <body> $header $navbar <!-- guest welcome message --> <if condition="$show['guest']"> <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center"> <tr> <td class="alt1"> <phrase 1="faq.php$session[sessionurl_q]" 2="register.php$session[sessionurl_q]">$vbphrase[first_visit_message]</phrase> </td> </tr> </table> <div class="cat_spacer"></div> </if> <!-- / guest welcome message --> <!-- main --> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr><td> $forumbits </tbody> </table> <!-- Aria Bottom --> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="12" align="left" valign="top"><img src="$stylevar[imgdir_misc]/blc.gif" width="12" height="13" alt="" border="0" /></td> <td width="100%" style="background-image:url($stylevar[imgdir_misc]/bottom.gif)"><img src="$stylevar[imgdir_misc]/clear.gif" width="100%" height="13" alt="" border="0" /></td> <td width="12" align="right" valign="top"><img src="$stylevar[imgdir_misc]/brc.gif" width="12" height="13" alt="" border="0" /></td> </tr> </table> <!-- /Aria Bottom --> </td> <td> </td> <td width="207" align="right" valign="top"> $sidebar_by_joker </td> </tr> </table> <!-- /main --> <div class="cat_spacer"></div> $ad_location[ad_forumhome_afterforums] <br /> <!-- what's going on box --> <!-- Aria Top --> <table border="0" cellpadding="0" cellspacing="0" width="$stylevar[tablewidth]" align="center"> <tr> <td width="21" height="31" align="left" valign="top" style="background-image: url($stylevar[imgdir_misc]/top_bg.gif)"><img border="0" src="$stylevar[imgdir_misc]/top_left.gif" width="21" height="31" alt="" /></td> <td height="31" width="60%" align="left" valign="middle" style="background-image: url($stylevar[imgdir_misc]/top_bg.gif)"><div class="category_title"><b>$vbphrase[whats_going_on]</b></div></td> <td width="19" align="left" valign="middle"><img src="$stylevar[imgdir_misc]/top_end.gif" alt="" width="19" height="31" border="0" /></td> <td align="right" valign="top" style="background-image: url($stylevar[imgdir_misc]/top_center.gif)"><img src="$stylevar[imgdir_misc]/top_center.gif" alt="" /></td> <td width="14" height="31" align="right" valign="top"><img border="0" src="$stylevar[imgdir_misc]/top_right.gif" width="14" height="31" alt="" /></td> </tr> </table> <!-- /Aria Top --> <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center"> $template_hook[forumhome_wgo_pos1] <if condition="$show['loggedinusers']"> <!-- logged-in users --> <tbody> <tr> <td class="thead" colspan="2"> <a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_activeusers')"><img id="collapseimg_forumhome_activeusers" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_activeusers].gif" alt="" border="0" /></a> <a href="online.php$session[sessionurl_q]">$vbphrase[currently_active_users]</a>: $totalonline (<phrase 1="$numberregistered" 2="$numberguest">$vbphrase[x_members_and_y_guests]</phrase>) </td> </tr> </tbody> <tbody id="collapseobj_forumhome_activeusers" style="$vbcollapse[collapseobj_forumhome_activeusers]"> <tr> <td class="alt2"><a href="online.php$session[sessionurl_q]"><img src="$stylevar[imgdir_misc]/whos_online.gif" alt="$vbphrase[view_whos_online]" border="0" /></a></td> <td class="alt1" width="100%"> <div class="smallfont"> <div style="white-space: nowrap"><phrase 1="$recordusers" 2="$recorddate" 3="$recordtime">$vbphrase[most_users_ever_online_was_x_y_at_z]</phrase></div> <div>$activeusers</div> </div> </td> </tr> </tbody> <!-- end logged-in users --> </if> <tbody> <tr> <td class="thead" colspan="2"> <a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_stats')"><img id="collapseimg_forumhome_stats" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_stats].gif" alt="" border="0" /></a> <phrase 1="$vboptions[bbtitle]">$vbphrase[x_statistics]</phrase> </td> </tr> </tbody> <tbody id="collapseobj_forumhome_stats" style="$vbcollapse[collapseobj_forumhome_stats]"> <tr> <td class="alt2"><img src="$stylevar[imgdir_misc]/stats.gif" alt="<phrase 1="$vboptions[bbtitle]">$vbphrase[x_statistics]</phrase>" border="0" /></td> <td class="alt1" width="100%"> <div class="smallfont"> <div><img src="$stylevar[imgdir_misc]/arrow.gif" alt="" class="inlineimg" /> $vbphrase[threads]: $totalthreads, $vbphrase[posts]: $totalposts, $vbphrase[members]: $numbermembers<if condition="$show['activemembers']">, <span title="<phrase 1="$vboptions[activememberdays]">$vbphrase[within_the_last_x_days]</phrase>">$vbphrase[active_members]: $activemembers</span></if></div> <div><img src="$stylevar[imgdir_misc]/arrow.gif" alt="" class="inlineimg" /> <phrase 1="member.php?$session[sessionurl]u=$newuserid" 2="$newusername">$vbphrase[welcome_to_our_newest_member_x]</phrase></div> $template_hook[forumhome_wgo_stats] </div> </td> </tr> </tbody> $template_hook[forumhome_wgo_pos2] <if condition="$vbulletin->products['vbblog']"><tbody> <tr> <td class="thead" colspan="2"> <a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_stats')"><img id="collapseimg_forumhome_stats" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_stats].gif" alt="" border="0" /></a> $vbphrase[aria_blog_statistics] </td> </tr> </tbody> <tbody id="collapseobj_forumhome_stats" style="$vbcollapse[collapseobj_forumhome_stats]"> <tr> <td class="alt2"><img src="$stylevar[imgdir_misc]/stats.gif" alt="<phrase 1="$vboptions[bbtitle]">$vbphrase[x_statistics]</phrase>" border="0" /></td> <td class="alt1" width="100%"> <div class="smallfont" style="padding-top: -10px;>$template_hook[forumhome_wgo_stats]</div> </td> </tr> </tbody></if> $template_hook[forumhome_wgo_pos3] <if condition="$show['birthdays']"> <!-- today's birthdays --> <tbody> <tr> <td class="thead" colspan="2"> <a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_birthdays')"><img id="collapseimg_forumhome_birthdays" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_birthdays].gif" alt="" border="0" /></a> $vbphrase[todays_birthdays] </td> </tr> </tbody> <tbody id="collapseobj_forumhome_birthdays" style="$vbcollapse[collapseobj_forumhome_birthdays]"> <tr> <td class="alt2"><a href="calendar.php?$session[sessionurl]do=getday&day=$today&sb=1"><img src="$stylevar[imgdir_misc]/birthday.gif" alt="$vbphrase[view_birthdays]" border="0" /></a></td> <td class="alt1" width="100%"><div class="smallfont">$birthdays</div></td> </tr> </tbody> <!-- end today's birthdays --> </if> $template_hook[forumhome_wgo_pos4] <if condition="$show['upcomingevents']"> <tbody> <tr> <td class="thead" colspan="2"> <a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_events')"><img id="collapseimg_forumhome_events" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_events].gif" alt="" border="0" /></a> <if condition="$show['todaysevents']">$vbphrase[todays_events]<else /><phrase 1="$vboptions[showevents]">$vbphrase[upcoming_events_for_the_next_x_days]</phrase></if> </td> </tr> </tbody> <tbody id="collapseobj_forumhome_events" style="$vbcollapse[collapseobj_forumhome_events]"> <tr> <td class="alt2"><a href="calendar.php$session[sessionurl_q]"><img src="$stylevar[imgdir_misc]/calendar.gif" alt="$vbphrase[calendar]" border="0" /></a></td> <td class="alt1" width="100%"><div class="smallfont">$upcomingevents</div></td> </tr> </tbody> </if> $template_hook[forumhome_wgo_pos5] </table> <!-- Aria Bottom --> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="12" align="left" valign="top"><img src="$stylevar[imgdir_misc]/blc.gif" width="12" height="13" alt="" border="0" /></td> <td width="100%" style="background-image:url($stylevar[imgdir_misc]/bottom.gif)"><img src="$stylevar[imgdir_misc]/clear.gif" width="100%" height="13" alt="" border="0" /></td> <td width="12" align="right" valign="top"><img src="$stylevar[imgdir_misc]/brc.gif" width="12" height="13" alt="" border="0" /></td> </tr> </table> <!-- /Aria Bottom --> <!-- end what's going on box --> <!-- time and login code --> <div class="spacer"></div> <table cellpadding="0" cellspacing="2" border="0" width="100%"> <tr valign="bottom"> <!-- Time --> <td align="$stylevar[left]" valign="top"><div class="smallfont">$vbphrase[all_times_are_gmt_x_time_now_is_y]</div></td> <!-- /Time --> <td align="$stylevar[right]" valign="top"><div class="smallfont"><!-- member logout --><a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">$vbphrase[mark_forums_read]</a><if condition="$vboptions['forumleaders']"> - <a href="showgroups.php?$session[sessionurl_q]" rel="nofollow">$vbphrase[view_forum_leaders]</a></if> <if condition="!$show['guest']"> - <a href="login.php?$session[sessionurl]do=logout&logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')"><phrase 1="$bbuserinfo[username]">$vbphrase[log_out_x]</phrase></a></if><!-- /member logout --></div></td> </tr> </table> $forumhome_markread_script <!-- /time and login code --> $footer </body> </html> forumhome_forumbit_level1_nopost Code:
<if condition="!$GLOBALS['aria_style']"> <if condition="$GLOBALS['aria_style'] = true"><!-- --></if> <else /> </tbody> </table> <!-- Categoty Bottom --> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="12" align="left" valign="top"><img src="$stylevar[imgdir_misc]/blc.gif" width="12" height="13" alt="" border="0" /></td> <td width="100%" style="background-image:url($stylevar[imgdir_misc]/bottom.gif)"><img src="$stylevar[imgdir_misc]/clear.gif" width="100%" height="13" alt="" border="0" /></td> <td width="12" align="right" valign="top"><img src="$stylevar[imgdir_misc]/brc.gif" width="12" height="13" alt="" border="0" /></td> </tr> </table> <!-- /Categoty Bottom --> <div class="cat_spacer"></div> </if> <!-- Categoty Top --> <table border="0" cellpadding="0" cellspacing="0" width="$stylevar[tablewidth]" align="center"> <tr> <td width="21" height="31" align="left" valign="top" style="background-image: url($stylevar[imgdir_misc]/top_bg.gif)"><img border="0" src="$stylevar[imgdir_misc]/top_left.gif" width="21" height="31" alt="" /></td> <td height="31" width="60%" align="left" valign="middle" style="background-image: url($stylevar[imgdir_misc]/top_bg.gif)"><if condition="$show['forumdescription']"><a href="#" class="category_description"><img src="$stylevar[imgdir_button]/cat_description.gif" width="10" height="10" alt="$forum[description]" border="0" class="inlineimg" /></a></if><div class="category_title"><a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><b>$forum[title]</b></a> </div></td> <td width="19" align="left" valign="middle"><img src="$stylevar[imgdir_misc]/top_end.gif" alt="" width="19" height="31" border="0" /></td> <td align="right" valign="top" style="background-image: url($stylevar[imgdir_misc]/top_center.gif)"><if condition="$childforumbits"><a style="float:$stylevar[right]; padding-top: 9px;" href="#top" onclick="return toggle_collapse('forumbit_$forumid')"><img id="collapseimg_forumbit_$forumid" src="$stylevar[imgdir_button]/collapse_tcat{$collapseimg_forumid}.gif" alt="" border="0" /></a></if></td> <td width="14" height="31" align="right" valign="top"><img border="0" src="$stylevar[imgdir_misc]/top_right.gif" width="14" height="31" alt="" /></td> </tr> </table> <!-- /Categoty Top --> <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center"> <if condition="$childforumbits"> <tbody id="collapseobj_forumbit_$forumid" style="{$collapseobj_forumid}"> <tr align="center"> <td class="thead"> </td> <td class="thead" width="100%" align="$stylevar[left]">$vbphrase[forum]</td> <td class="thead"> $vbphrase[threads] </td> <td class="thead"> $vbphrase[posts] </td> </tr> $childforumbits </if> Code:
<tr align="center"> <td class="alt2Active" colspan="2" align="$stylevar[left]" id="f$forum[forumid]"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr> <td><img src="$stylevar[imgdir_statusicon]/$forum[imageprefix]forum_$forum[statusicon].gif" alt="" border="0" id="forum_statusicon_$forum[forumid]" /></td> <td><img src="$vboptions[cleargifurl]" alt="" width="9" height="1" border="0" /></td> <td width="100%" align="left"> <div> <if condition="$forum[link] != ''"><a style="float:$stylevar[right]; padding-top: 9px;" href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><img src="$stylevar[imgdir_statusicon]/link_home.gif" alt="$vbphrase[forum_link]" border="0" /></a> <else /> <a style="float:$stylevar[right]; padding-top: 9px;" href="#top" onclick="return toggle_collapse('forumbit_$forumid')"><img id="collapseimg_forumbit_$forumid" src="$stylevar[imgdir_button]/collapse_lastpost{$GLOBALS['vbcollapse']['collapseimg_forumbit_' . $forumid]}.gif" alt="$vbphrase[aria_lastpost]" border="0" /></a><a style="float:$stylevar[right]; padding-top: 9px;" href="showthread.php?$session[sessionurl]p=$lastpostinfo[lastpostid]#post$lastpostinfo[lastpostid]"><img src="$stylevar[imgdir_statusicon]/lastpost_home.gif" alt="$vbphrase[go_to_last_post]" border="0" /></a></if> <a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a> <if condition="$show['browsers']"><span class="smallfont">(<phrase 1="$forum[browsers]">$vbphrase[x_viewing]</phrase>)</span></if> </div> <if condition="$show['forumdescription']"><div class="smallfont">$forum[description]</div></if> <if condition="$show['forumsubscription']"><div class="smallfont"><strong><a href="subscription.php?$session[sessionurl]do=removesubscription&f=$forum[forumid]" rel="nofollow">$vbphrase[unsubscribe_from_this_forum]</a></strong></div></if> <if condition="$show['subforums']"><div class="smallfont" style="margin-top:$stylevar[cellpadding]px"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></if> <if condition="$forum[link] != ''"> <else /> <div>$forum[lastpostinfo]</div> </if> </td> </tr> </table> </td> <td class="alt2"><if condition="$forum[link] != ''"> <else />$forum[threadcount]</if></td> <td class="alt1"><if condition="$forum[link] != ''"> <else />$forum[replycount]</if></td> </tr> <if condition="$childforumbits"> $childforumbits </if> i first tried it just adding a new forumbits....first i added new variable at index.php ( $forumbits13 = construct_forum_bit(5,1,0); ) then i replace $forumbits with $forumbits13 just to see the result attachment-1 is showing the result wired look & sidebar goes very right help me plz |
#1369
|
|||
|
|||
Quote:
Thank you |
#1370
|
||||
|
||||
Quote:
I highlighted in RED the color settings you can play around with to get the desired look that you want... Code:
/* ######### CSS for Tabbed Forum Home ######### */
.TFHmenu2{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}
.TFHmenu2 ul{
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}
.TFHmenu2 li{
display: inline;
margin: 0 0 0 0;
padding: 0;
/*text-transform:uppercase;*/
}
.TFHmenu2 a{
float: left;
display: block;
font: 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background: #5C7099;
border-top: 5px solid white;
}
.TFHmenu2 a:hover{
font: 11px Arial;
background-color: #869BBF;
color: Black;
}
.TFHmenu2 a.selected{
font: bold 13px Arial;
background-color: #869BBF;
color: white;
border-color: #869BBF;
}
.TFHmenu2line{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 5px;
background: #869BBF;
}
|
#1371
|
|||
|
|||
bob can't u help me ?
|
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|