Forum Home Enhancements - Tabbar Suite

This mod allows admins to install and manage Standard Tabbars... aka {Nav-Tabs}...

ATTENTION: download Tutorial for better help...

What does it do? Installs multi-tabbar above your navbar...Other options in future updates...

************************************************** *****
Primary setup consists of installing plugin.xml and uploading images...
************************************************** *****

Step {1}
********
Upload images folder...>>> { tabbars } to your forum images folder...

http://yoursite.com/forums/images/tabbars/

http://forums/images/tabbars.yoursite.com/

http://forumsroot/images/tabbars/

CMPS setup: upload images folder...>>> { tabbars } to your domain root images folder...
Setup global option in CMPS admin to show on frontpage...

Goto CMPS admin and find default settings / main options...
Scroll down and find...>>> Portal Output Global Variables...
Insert $var...>>> $tabbarsuite or tabbarsuite,,, SAVE
Last setup images path below...

http://yoursite.com/images/tabbars/

Gallery or Photopost setup: upload images folder...>>> { tabbars } to your gallery root images folder...

http://yoursite.com/gallery/images/tabbars/

http://yoursite.com/photopost/images/tabbars/

• There are many color sets to choice from within the tabbars folder... 31 total sets...
• If you have your own set that you prefer to use,,, upload to tabbars folder and overwrite one of the original sets with yours, and select by number option...

Step {2}
********
Setup plugin...

• Goto admincp and open manage products
• Select and install plugin tabbar_suite.xml
• After setup goto forum and view navbar
• If images uploaded correctly tabbar will show
• If images don't show up * Check your image path
• Goto Tabbar Suite settings and begin Css setup

Step {3}
********
Setup CSS in admin options...

• View and make sure first two options on
• View and setup css font family no-hover
• View and setup css font family hover
• View and setup css link text color
• View and setup css visited link text color
• View and setup css float left or right
• View and setup css padding left or right shift
• View and setup css background color or transparent
• View and setup css bottom border color

Step {4}
********
Image paths in admin options...

Edit left and right image paths in admin options...

Default paths below...>>>

Left = images/tabbars/css5_L.gif

Right = images/tabbars/css5_L.gif

If you followed the first four steps and images don't show, you must edit the path above in the Tabbar Suite options... View first step to understand how to link to images folder...

Ok, if you made it here then your images are showing?
If you want to change image sets, edit the path above in options...
How? Edit the numbers only in both paths and your images will change to that number set...

Example: css5_L.gif <<<..... edit the number only {5} to change color sets...


Step {5}
********
Editing tabbars info in admin options...

Making changes to tabbars individually?

• Start by editing the mouseover tips per tabbar
• Next edit the URL link per tabbar
• Last edit the Title of each tabbar

Step {6}
********
Dropdown menu setup in admin options...

• Upload {chrome.js} file to clientscript folder... Goto TS options and view chromepath and make sure the path is correct...>>> clientscript/chrome.js <<<
• Make changes in TS options if needed or edit template by name...>>> tabbar_suite_chromejs

Next...

• Goto TS options again and turn on dropdowns
• View and setup css no-hover block color
• View and setup css hover block color

************************************************** *****

Files uploaded?
***************
Image sets folder
Chrome javascipt folder
No Css files * auto template
***************


Ver...>>> 0.1.2 release
*******************

• added more dropdowns per eight tabbars,,, total five...
• added the ability to turn on 6 tabbars by default...
• added the ability to turn on/off 7th tabbar...
• added the ability to turn on/off 8th tabbar...
• changed the default main tabbar text font-family...

Ver...>>> 0.1.3 release
*******************

• added the ability to use up to TEN tabbars...
• added the ability to turn on/off 4,6,8,10 tabbars...

Ver...>>> 0.1.4 release
*******************

• added the ability to use custom images per TEN tabbars...
• added the ability to use vbulletin default images per TEN tabbars...

Ver...>>> 0.1.5 release
*******************

• Fixed IBP Arcade issue... Download arcade file and FTP to arcade folder...
  tabbars...

Ver...>>> 0.1.6 release
*******************

• added total of SIXTEEN tabbars...
• added the ability to turn on/off upto 16 tabbars...
• added usergroup option...
• added turn on/off custom images per tabbar {IE 5.5/6.0 temp fix }...
• added links and title options for DROPDOWNS (up to 5 added per DD)...
• IBP Arcade fix added in new file,,, upload file to Arcade folder to activate $var...

Ver...>>> 0.1.7 release
*******************

• Fixed url path problems with LINKS...
• Next version IE fixes???

Ver...>>> 0.1.8 release
*******************

• CSS update IE *** Testers?

Ver...>>> 0.1.9 to 2.2 release
*******************

• CSS & HTML *** Updates
• added total of [18] tabbars...
• Fixed errors in intial setup...
• added the ability to add 4/6/8/10/12/14/16/18 tabbars...
• added layer tabbars with table width setup...

Ver...>>> 0.2.2 to 2.5 release
*******************

• Dropdown menus auto setup in admin TS...
• Fixed on/off options...
• Seventh & Eighth tabbars usergroup views option...
• Cleaned up code 99%...
• Super easy setup release...

Attention: if you want to activate dropdowns in CMPS use global $var options and insert...>>> $ddchrome or ddchrome and save...

****************************************

DEMO FORUM {1}

DEMO CMPS {2}

I added fix for CMPS but you must use $var...>>> $tabbarsuite in navbar template here...>>>

<br/>
$tabbarsuite
<!-- breadcrumb, login, pm info -->

Overwrite old version with CMPS version if you want frontpage and forums tabbars

Good Luck to ya!!!

[shlomot]

Thanks, DeepDog, for your unrelenting support.

I left you a PM about the tabs that are remained dysfunctional after you helped me to activate dropdown in tab #10. Thanks again for everything.

Originally Posted by Deepdog009

********************************************

leannet,,,
vBadvanced shouldn't have anything to do with the forumhome navbar showing tabbars set flush...

Please cut and paste your navbar template info here,,, and I will find the issue for you...

OR

Give me temporary access to your TEST FORUM and I will resolve,,, and then you can view how I did it...

********************************************

Using dropdown menu's???

There are only {5} dropdown options in the main tabbar template...

<div id="dropmenu5" class="dropmenudiv" style="width: 100px;">

div id="dropmenu4"
div id="dropmenu3"
div id="dropmenu2"
div id="dropmenu1"

That makes it possible to use only FIVE dropdown's...

How do I place and activate 1 or more dropdown's???
****************************************

Goto main_tabbar_suite template and edit where it shows...>>> rel="dropmenu1"

<li id="current"><a href="$urltabbarsuite1" title="$vboptions[title_tabbar_suite_info1]" rel="dropmenu1"><span>

You can cut and paste the ...>>> rel="dropmenu1" in any of the TEN tabbars...
But remember there are only FIVE dropdown's total...
Match the div id="dropmenu1" with the rel="dropmenu1"...

After setting up and matching dropmenu's,,, next add links in dropdown template...
By defauft,,, rel="dropmenu1" are in tabbar 1,3,5,8 and 10... Move them around as ye wish...

If you're still having problems setting dropdown up the way you want,,, wait until the next update and I will try to make setup easier...

[leannet]

Please cut and paste your navbar template info here,,, and I will find the issue for you...

OR

Give me temporary access to your TEST FORUM and I will resolve,,, and then you can view how I did it...

I dont have a test forum.

Here is my vavbar template

<script type="text/javascript">
<!--
function log_out()
{
ht = document.getElementsByTagName("html");
ht[0].style.filter = "progidXImageTransform.Microsoft.BasicImage(gray scale=1)";
if (confirm('$vbphrase[sure_you_want_to_log_out]'))
{
return true;
}
else
{
ht[0].style.filter = "";
return false;
}
}
//-->
</script>


$tabbarsuite
<!-- breadcrumb, login, pm info -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="alt1" width="100%">
<if condition="is_array($navbits)">
<table cellpadding="0" cellspacing="0" border="0">
<tr valign="bottom">
<td><a href="#" onclick="history.back(1); return false;"><img src="$stylevar[imgdir_misc]/navbits_start.gif" alt="$vbphrase[go_back]" border="0" /></a></td>
<td>&nbsp;</td>
<td width="100%"><span class="navbar"><a href="http://www.mumsmeeting.com" accesskey="1">$vboptions[bbtitle]</a></span> $navbits[breadcrumb]</td>
</tr>
<tr>
<td class="navbar" style="font-size:10pt; padding-top:1px" colspan="3"><a href="$scriptpath"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_finallink.gif" alt="$vbphrase[reload_this_page]" border="0" /></a> <strong>$navbits[lastelement]</strong></td>
</tr>
</table>
<else />
<div class="navbar" style="font-size:10pt"><a href="http://www.mumsmeeting.com/"><img class="inlineimg" src="$stylevar[imgdir_misc]/navbits_start.gif" alt="" border="0" /></a> <strong>$vboptions[bbtitle]</strong></div>
</if>
</td>
<br>
<if condition="$show['member']">

<td class="alt2" valign="top" nowrap="nowrap">
<div class="smallfont">
<strong><phrase 1="$bbuserinfo[field5]">$vbphrase[welcome_x]</phrase></strong><br />
<phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>
<if condition="$show['pmstats']"><br /><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></if>
<!-- clock hack-->
<div id="clock">Loading...</div>
<script type="text/javascript">
function refrClock()
{
var d=new Date();
var s=d.getSeconds();
var m=d.getMinutes();
var h=d.getHours();
var day=d.getDay();
var date=d.getDate();
var month=d.getMonth();
var year=d.getFullYear();
var days=new Array("Sun","Mon","Tue","Wed","Thurs","Fri","Sat") ;
var months=new Array("1","2","3","4","5","6","7","8","9","10","11 ","12");
var am_pm;
if (s<10) {s="0" + s}
if (m<10) {m="0" + m}
if (h>12) {h-=12;am_pm = "pm"}
else {am_pm="am"}
if (h<10) {h="0" + h}
document.getElementById("clock").innerHTML=days[day] + " * " + date + " / " + months[month] + " / " + year + " * " + h + ":" + m + ":" + s + " " + am_pm;
setTimeout("refrClock()",1000);
}
refrClock();
</script>
<!-- / clock hack -->
</div>
</td>

<else />

<td class="alt2" nowrap="nowrap" style="padding:0px">

<!-- login form -->
<form action="login.php" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">
<script type="text/javascript" src="clientscript/vbulletin_md5.js"></script>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
<tr>
<td class="smallfont"><label for="navbar_username">$vbphrase[username]</label></td>
<td><input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
<td class="smallfont" colspan="2" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />$vbphrase[remember_me]</label></td>
</tr>
<tr>
<td class="smallfont"><label for="navbar_password">$vbphrase[password]</label></td>
<td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" accesskey="p" tabindex="102" /></td>
<td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>
</tr>
</table>
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
<input type="hidden" name="do" value="login" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form>
<!-- / login form -->

</td>

</if>

</tr>
</table>
<!-- / breadcrumb, login, pm info -->

<!-- nav buttons bar -->
<div align="center">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px">
<tr align="center">
<if condition="$show['member']">

<td class="vbmenu_control"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></td>
</if>
<if condition="$show['registerbutton']">
<td class="vbmenu_control"><a href="register.php$session[sessionurl_q]" rel="nofollow">$vbphrase[register]</a></td>
</if>
<td class="vbmenu_control"><a href="javascript:bookmarksite('$vboptions[bbtitle]', '$vboptions[bburl]')">Bookmark Us!</a></td>
<td class="vbmenu_control"><a href="faq.php$session[sessionurl_q]" accesskey="5">$vbphrase[faq]</a></td>
<td class="vbmenu_control"><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></td>
<td class="vbmenu_control"><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></td>
<if condition="$show['popups']">
<if condition="$show['searchbuttons']">
<if condition="$show['member']">
<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
<else />
<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
</if>
<td id="navbar_search" class="vbmenu_control"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[search]</a> <script type="text/javascript"> vbmenu_register("navbar_search"); </script></td>
</if>
<if condition="$show['member']">
<td id="usercptools" class="vbmenu_control"><a href="$show[nojs_link]#usercptools">$vbphrase[quick_links]</a> <script type="text/javascript"> vbmenu_register("usercptools"); </script></td>
</if>
<else />
<if condition="$show['searchbuttons']">
<td class="vbmenu_control"><a href="search.php$session[sessionurl_q]" accesskey="4">$vbphrase[search]</a></td>
<if condition="$show['member']">
<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
<else />
<td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
</if>
</if>
<td class="vbmenu_control"><a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">$vbphrase[mark_forums_read]</a></td>
<if condition="$show['member']">
<td class="vbmenu_control"><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=n o,menubar=no,toolbar=no,scrollbars=yes,resizable=y es,width=250,height=300'); return false;">$vbphrase[open_buddy_list]</a></td>
</if>
</if>
<if condition="$show['member']">
<td class="vbmenu_control"><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out()">$vbphrase[log_out]</a></td>
</if>
</tr>
</table>
</div>
<!-- / nav buttons bar -->
<br />
<center><script type="text/javascript"><!--
google_ad_client = "pub-4186965005462701";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "text_image";
//2007-04-10: mumsmeeting_header
google_ad_channel = "9512527892";
google_color_border = "FFCEFF";
google_color_bg = "FFCEFF";
google_color_link = "0000FF";
google_color_text = "690069";
google_color_url = "690069";
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></center>
<if condition="$show['forumdesc']">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="alt1" width="100%"><strong>$foruminfo[title]</strong> <span class="smallfont">$foruminfo[description]</span></td>
</tr>
</table>
<br />
</if>

<if condition="$show['popups']">
<!-- NAVBAR POPUP MENUS -->

<if condition="$show['searchbuttons']">
<!-- header quick search form -->
<div class="vbmenu_popup" id="navbar_search_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
<tr>
<td class="thead">$vbphrase[search_forums]</td>
</tr>
<tr>
<td class="vbmenu_option" title="nohilite">
<form action="search.php" method="post">
<input type="hidden" name="do" value="process" />
<input type="hidden" name="showposts" value="0" />
<input type="hidden" name="quicksearch" value="1" />
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
<input type="text" class="bginput" name="query" size="20" />&nbsp;$gobutton<br />
</form>
</td>
</tr>
<tr>
<td class="vbmenu_option"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[advanced_search]</a></td>
</tr>
</table>
</div>
<!-- / header quick search form -->
</if>

<if condition="$show['member']">
<!-- user cp tools menu -->
<div class="vbmenu_popup" id="usercptools_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">

<tr><td class="thead">$vbphrase[quick_links]</td></tr>
<if condition="$vboptions['enablesearches']"><tr><td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=getdaily">$vbphrase[todays_posts]</a></td></tr></if>
<tr><td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=process&amp;showposts=0&amp;starteronly=1&amp;e xactname=1&amp;searchuser=$bbuserinfo[username]">My Threads</a></td></tr>
<tr><td class="vbmenu_option"><a href="forumdisplay.php?$session[sessionurl]do=markread">$vbphrase[mark_forums_read]</a></td></tr>
<tr><td class="vbmenu_option"><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=n o,menubar=no,toolbar=no,scrollbars=yes,resizable=y es,width=250,height=300'); return false;">$vbphrase[open_buddy_list]</a></td></tr>

<tr><td class="thead"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_control_panel]</a></td></tr>
<if condition="$show['siglink']"><tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editsignature">$vbphrase[edit_signature]</a></td></tr></if>
<!--<if condition="$show['avatarlink']"><tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editavatar">$vbphrase[edit_avatar]</a></td></tr></if>-->
<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editprofile">$vbphrase[edit_profile]</a></td></tr>
<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=editoptions">$vbphrase[edit_options]</a></td></tr>

<tr><td class="thead">$vbphrase[miscellaneous]</td></tr>
<if condition="$show['pmstats']"><tr><td class="vbmenu_option"><a href="private.php$session[sessionurl_q]" rel="nofollow">$vbphrase[private_messages]</a></td></tr></if>
<tr><td class="vbmenu_option"><a href="subscription.php$session[sessionurl_q]" rel="nofollow">$vbphrase[subscribed_threads]</a></td></tr>
<tr><td class="vbmenu_option"><a href="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[my_profile]</a></td></tr>
<if condition="$show['wollink']"><tr><td class="vbmenu_option"><a href="online.php$session[sessionurl_q]">$vbphrase[whos_online]</a></td></tr></if>

</table>
</div>
<!-- / user cp tools menu -->
</if>
<!-- / NAVBAR POPUP MENUS -->

<!-- PAGENAV POPUP -->

<div class="vbmenu_popup" id="pagenav_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
<tr>
<td class="thead" nowrap="nowrap">$vbphrase[go_to_page]</td>
</tr>
<tr>
<td class="vbmenu_option" title="nohilite">
<form action="$vboptions[forumhome].php" method="get" onsubmit="return this.gotopage()" id="pagenav_form">
<input type="text" class="bginput" id="pagenav_itxt" style="font-size:11px" size="4" />
<input type="button" class="button" id="pagenav_ibtn" value="$vbphrase[go]" />
</form>
</td>
</tr>
</table>
</div>

<!-- / PAGENAV POPUP -->
</if>

[Deepdog009]

Originally Posted by leannet

I dont have a test forum.

Here is my vavbar template

*********************************************
leannet,,,
PM ME!!!

[Raffaele]

I like this Tabs... but under CMPS what do i need to get this this to work i'm very newbie

detailed step by steps please and i thank you very much...

Raffaele

[Deepdog009]

Originally Posted by Raffaele

I like this Tabs... but under CMPS what do i need to get this this to work i'm very newbie

detailed step by steps please and i thank you very much...

Raffaele

************************************************** *****
Raffaele,,,

I just updated custom or vbulletin default images per tabbar...

Download ...>>> TUTORIAL <<< it will help you getting um up rolling...

[Raffaele]

Thank you very much Deepdog009 very appriciated

[Deepdog009]

Originally Posted by Raffaele

Thank you very much Deepdog009 very appriciated

************************************************** ******

Raffaele,,,

I stop by here every three days,,, so bare with me...

OK,,, setting up the CMPS...>>> Download Tutorial or Read below...

{1} Open Admincp and goto vba CMPS and open...
{2} Open default settings...
{3} Look for Main options and open...
{4} Look for Portal Output Global Variables...
{5} Read info below on setup...

If you have other hacks installed (especially to hacks located within the vBulletin navbar), it may be necessary to globalize some of the variables used in those hacks for the CMPS. You may enter a list of variables to globalize here. It is NOT necessary to add the $ mark before the variable name. Separate each variable with a carriage return (new line).

{6} Download Tutorial and insert $vars and save...
{7} Make sure that you upload images and clientscript to CMPS root...
{8} Goto CMPS frontpage and refresh and view tabbars...
{9} If you dont FTP files to correct path,,, this mod wont work...
{10} Good luck 2 ya...

[rooban12]

thanks for the hack

[Raffaele]

got them to work yeahh... the other question i have is how can i change them to be in the center of a page or to right of the page... and again thank you for your time.

Peace,
Raffaele

[xoutlawz00x]

Originally Posted by Raffaele

got them to work yeahh... the other question i have is how can i change them to be in the center of a page or to right of the page... and again thank you for your time.

Peace,
Raffaele

adjust the padding in the settings