I took your suggestion thanks, i used the css form dynamic drive and simply added an edited version of that to my FORUMDISPLAY....Works great, just like your mod :)

Sweet... don't you love it when a plan comes together ;)

I guess that this question is like asking to read into the future. But I have to ask it anyway.

Any chances that it might run with the forthcoming vB 4 version?

From the few screenshots that I've seen it looks as if the style for vB 4 will be changing heavily: http://www.vbulletin.com/forum/blog.php?b=2360

There would only be a problem if this mod uses hook locations as those will be different in vb4

Depends on if they made/make any changes to the core files/functions in regards to the $forumbits ... if they do, then some recoding will have to take place. If they make an cosmetic changes to any of the FORUMHOME templates, then those changes will have to be made as well (which won't take much to fix)..

Won't know until I can see vb4.x

In what file is that piece of code deleted?



Edit: Oh, I found it for future people here, it is.

Also, in case this is helpful for someone new coming in and not wanting to read 105 pages, I had to set my paths to the clientscript files to be my WHOLE path, i.e., http://www.myforum.com/forums/... etc for it to work.

Good luck!

How can it be that I followed the instructions exactly as written, TWICE, and still don't have tabs? All I get is a regular unordered list. I even reverted the relevant templates to the defaults before starting, just to be sure it worked. :confused:

Edit: Found the solution. I had applied Schnee's fix above, but not to this part of the code:

Once I did that, it worked fine. Perhaps this should be in the installation instructions? ;)

try removing the / from the clientscript path for both the js and css includes .. that are put the fully URL to those files..

Thanks, bobster. :) I'll take out the full URLs and leave off the / like you suggest. I'd rather do that because full URLs can come back to bite! ;)

One more thing... I'm using 1.5.0 beta, and would like to have a default tab selected when the page loads. I see instructions for v1.01, is there way to do the same thing in 1.5.0?

Did that work for ya? The reason it does that (unordered list) is because it can't find the CSS file, so its definitely a path issue to the CSS file..

ya, use the "selected" calls on the specific li tag (Like in Red below)..

Removing the / worked perfect. :D

Using the "selected" call doesn't seem to be working though. I've made sure that only the tab I want selected has the call. Here's the code from my template:

I want the Tech Support tab to be default on page load, but it's not, it just stays on whatever tab was last used. :(

That looks correct .. did you try and flip flop the 2 li lines (lobby and Tech support) so that the selected is the first tab (just to make sure that is working)

Just tried flip flopping the tabs, and they changed places as expected, but the "selected" didn't do its thing.

That's weird... I'll have to dig into it and see if I can replicate the problem and then recommend a solution..

thanks for this...

using vb3.8.4 here and Bingoskin 3.8.3

...tried everyrthing to find the solutions but i guess it has a conflict or problem with Cyb - Sub-Forum Manager 2.5.1?

i am not sure but it keeps pushing my forumhome page wider to the right side...or is there anything i can do for this not to happen?

turn off cyb mod and it goes okay....

appreciate any help here...

best regards...

;)

What is the update on V2.
Would you be able to release it with VB4 ?

There is a solution to get this working with Cyb's Sub Forum Manager .. just do a quick search on this thread.... I don't have it memorized, but its pretty easy to implement.

I won't know anything about vb4 until I can get my hands on it just like everyone else that is waiting on it. Its obvious that the FORUMHOME Template(s) will be changed, so there will be some recoding that needs to happen. From what I gather, no core code has changed in regards to forum home, but again, until I see it, I can only guess.

<li class="selected"><a href="tabforumhome.php?tabcat[]=42" rel="ajaxTFHcontentarea">Competitions</a></li>
<li><a href="tabforumhome.php?tabcat[]=42&tabcat[]=25" rel="ajaxTFHcontentarea">Games Discussion</a></li>
<li><a href="tabforumhome.php?tabcat[]=42&tabcat[]=25&tabcat[]=29" rel="ajaxTFHcontentarea">Gameplay</a></li>

Really dont know where i've gone wrong, followed your instructions completely, yet it doesnt work.. If you could help me out, that would be great.

<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>
<!-- Tabbed Forum Home Header Code -->
<link rel="stylesheet" type="text/css" href="/clientscript/tabs/ajaxtabs.css" />
<script type="text/javascript" src="/clientscript/tabs/ajaxtabs.js"> </script>
<!-- /Tabbed Forum Home Header Code -->
</head>
<body>
$header
$navbar

<if condition="$show['guest']">
<!-- guest welcome message -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="tcat"><phrase 1="$vboptions[bbtitle]">$vbphrase[welcome_to_the_x]</phrase></td>
</tr>
<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>
<!-- / guest welcome message -->
<br />
</if>

<!-- main -->
<!-- Tabbed Forum Home -->

<div id="ajaxTFH" class="TFHmenu2">
<ul>

<li class="selected"><a href="www.gearspro.com/public_html/forums/tabforumhome.php?tabcat[]=42" rel="ajaxTFHcontentarea">Competitions</a></li>
<li><a href="www.gearspro.com/public_html/forums/tabforumhome.php?tabcat[]=42&tabcat[]=25" rel="ajaxTFHcontentarea">Games Discussion</a></li>
<li><a href="www.gearspro.com/public_html/forums/tabforumhome.php?tabcat[]=42&tabcat[]=25&tabcat[]=29" rel="ajaxTFHcontentarea">Gameplay</a></li>

</div>

<br style="clear: left" />

<div class="TFHmenu2line"></div>

<div id="ajaxTFHcontentarea" style="border:0px solid gray; width:100%; height: 100%; background-color: white; padding: 0px"></div>

<script type="text/javascript">
var mytabs=new ddajaxtabs("ajaxTFH", "ajaxTFHcontentarea")
mytabs.setpersist(true)
mytabs.setselectedClassTarget("link")
mytabs.init()
</script>

<!-- /Tabbed Forum Home -->
<!-- /main -->

<br />
$ad_location[ad_forumhome_afterforums]
<br />

<!-- what's going on box -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<thead>
<tr>
<td class="tcat" colspan="2">$vbphrase[whats_going_on]</td>
</tr>
</thead>
$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>
$template_hook[forumhome_wgo_pos2]
<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>
$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><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_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&amp;day=$today&amp;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>
<br />
<!-- end what's going on box -->

<!-- icons and login code -->
<table cellpadding="0" cellspacing="2" border="0" width="100%">
<tr valign="bottom">
<td>
<table cellpadding="2" cellspacing="0" border="0">
<tr>
<td><img src="$stylevar[imgdir_statusicon]/forum_new.gif" alt="$vbphrase[contains_new_posts]" border="0" /></td>
<td class="smallfont">&nbsp; $vbphrase[forum_contains_new_posts]</td>
</tr>
<tr>
<td><img src="$stylevar[imgdir_statusicon]/forum_old.gif" alt="$vbphrase[contains_no_new_posts]" border="0" /></td>
<td class="smallfont">&nbsp; $vbphrase[forum_contains_no_new_posts]</td>
</tr>
<if condition="$vboptions['showlocks']">
<tr>
<td><img src="$stylevar[imgdir_statusicon]/forum_old_lock.gif" alt="$vbphrase[a_closed_forum]" border="0" /></td>
<td class="smallfont">&nbsp; $vbphrase[forum_is_closed_for_posting]</td>
</tr>
</if>
</table>
</td>
<if condition="!$show['guest']">
<!-- member logout -->
<td align="$stylevar[right]"><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')"><phrase 1="$bbuserinfo[username]">$vbphrase[log_out_x]</phrase></a></td>
<!-- end member logout -->
</if>
</tr>
</table>
<!-- / icons and login code -->

$footer
</body>
</html>

</code>

Thats the full code i have.

Regards, sam.

Try removing the / (In Red below in both paths) ...

Ok thanks for the extremely swift reply :O

Thanks for the advice, i got the tabs to show now. I was wondering where do i find the categories of for each tab? I thought you were referring to the forum ID, but obviously not, thanks alot.

Sam

Ok i managed to get that working xD

But i have what i think to be a minor problem.

As you can see from the screen shot, it give me two forum bars which i dont think are supposed to be present and also there is a random white bar below. If you could help me out i'd be very greatfull, Already clicked installed ;)

Thanks sam.

GREAT & THANKS!...got it now...so for more info about having problem and conflict with Cyb Sub forum Mod.

Solutions:

Go > ACP > Plugins & Products > Plugin Manager > Product : Cyb - Sub-Forum Manager >

Cyb - Sub-Forum Manager - CT

Cyb - Sub-Forum Manager 1


Find:

if ($vbulletin->options['cybsfa_enable'] AND (THIS_SCRIPT=='index' OR THIS_SCRIPT=='forumdisplay'))

Change To:

if ($vbulletin->options['cybsfa_enable'] AND (THIS_SCRIPT=='index' OR THIS_SCRIPT=='forumdisplay' OR THIS_SCRIPT=='tabforumhome'))

Save:


Great & Enjoy Both Wonderful Mod

:p:up:

Ya, with a custom style, you are going to have to do a little tweaking to this. The white bar on the bottom can be fixed be changing the background color in this DIV on the FORUMHOME template from white to match your style.

To fix the dupe output bar, it looks like you put the default vB main code into the FORUMHOMETAB template instead of your custom styles main code...

Bob, did you get my PM?

Ok thanks for all your help, i got it to work :). Installed.

Could you tell me the name of the file that you must edit to change the color of the tabs please?

if i'm not wrong you have to edit your ajaxtabs.css file... the one inside tabs folder

either edit first the original and upload it again to your host server or edit direct to your host panel the one you already uploaded....just look around and change or play around to those...

HTML Color Codes in there... eg: #2E9AFE;

you can find nice and easy color here...http://html-color-codes.info/

hope i help you here...goodluck and best regards...

:p:up:

Ohh yeah i understand, thanks alot. Nice to see you again former mechodownload staff person ;)

Bobster, i have a question for you.

Is it possible to remove/change the colour the requesting box which appears when it is looking for the forum data? The only reason i ask is because, my forum colors are pretty dark, being reds,greys and blacks, and having the white stands out alot. Thanks alot, for your time and effort. Much appreciated.

ya, just open the CSS File and look for #FFFFFF in regards to any elements like backgrounds and change it to a darker color to match your style..

Ok thanks alot man.

Been trying to update the colour of the letters of my tabs to white, but it's not having any of it? I know how to edit the colours and what not, but it's just not updating the colour of the font... any ideas?

on IE there is a spacing
http://img186.imageshack.us/img186/5813/chat0.jpg

how can i take that out??

Everything that controls the Font Colors is in the CSS. Don't forget when editing and reuploading the CSS file to do a Hard Refresh to reload CSS (in case its cached)..


Try removing the code below (in RED) from the FORUMHOME template...

what up bro ?

this is one of my fav mods .. thanks a lot

i have 2 question ?

1. Google doesn't cash the forums title ? is this going to affect my site in any way ? am thinking of using the (Tab Forum Home 1.01) ?! because Google will cash that >>
2. is it possible that u make the tabs' color default with any style? i have different colors in one style!!

thanks i am waiting for the final release so bad

I've done as described... but it's still not giving me the desired result.. I'll paste what my ajaxtabs.CSS file has.

/* ######### 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: #57BCFF;
border-top: 5px solid white;
}

.TFHmenu2 a:hover{
font: 11px Arial;
background-color: #70FFA9;
color: White;
}

.TFHmenu2 a.selected{
font: bold 13px Arial;
background-color: #57BCFF;
color: white;
border-color: #57BCFF;
}

.TFHmenu2line{
clear: both;
padding: 0;
width: 100%;
height: 2px;
line-height: 2px;
background: #57BCFF;
}

------