Forum Home Enhancements - [vBD]-Facebook Bar..!!

Facebook's Bar For vBulletin.. ByShevko

vBulletin (Unofficial) Turkey Support Site..[vBulletinDestek.Org]

How?
Please Look Down The Caps To Understand..

******* INSTALL *********
1) First upload the attached icons in root/imgimg/.. folder.
2) Then in footer
To The Bottom;

<if condition="$bbuserinfo[userid]">
<!-- Shevko Facebook BAR -->
<div id="bar_bottom" style="width: %80; height: 32px; bottom: 0px;">
<div class="bar_float" style="height: 25px; width: %75;">

<a href="forumdisplay.php?do=markread"><img src="/imgimg/market.png" alt="Mark Forums Read" width="16" height="16" border="0" /></a> - <a href="private.php?do=newpm"><img src="/imgimg/event_bar.png" alt="Calender.." width="16" height="16" border="0" /></a> - <a href="showgroups.php"><img src="/imgimg/photo_bar.png" alt="Leaders.." width="16" height="16" border="0" /></a>

</div>


<div class="bar_float1" style="width: %80">

<a href="private.php"><img src="/imgimg/email_open.gif" alt="PM" width="16" height="16" border="0" /></a>-<a href="private.php" accesskey="2">Private Messages</a> :: <a href="private.php?do=newpm"><img src="/imgimg/email_add.gif" alt="Send New Message.." width="16" height="16" border="0" /></a>-<a href="private.php?do=newpm" accesskey="2">Send New Message</a> |<a href="group.php"><img src="/imgimg/group.gif" alt="Social Groups.." width="16" height="16" border="0" /></a>-<a href="group.php" accesskey="2">Groups</a> :: <a href="profile.php?do=buddylist"><img src="/imgimg/emoticon_smile.gif" alt="Contacts & Friends.." width="16" height="16" border="0" /></a>-<a href="profile.php?do=buddylist" accesskey="2">Friends</a> |<a href="usercp.php"><img src="/imgimg/user_edit.gif" alt="User Control Panel.." width="16" height="16" border="0" /></a>-<a href="usercp.php" accesskey="2">User CP</a> :: <a href="profile.php?do=editpassword"><img src="/imgimg/lock.gif" alt="Edit Email & Password.." width="16" height="16" border="0" /></a>-<a href="profile.php?do=editpassword" accesskey="2">Edit Email & Password</a>
</div>

<div class="bar_float2">

<a href="sendmessage.php" rel="nofollow" accesskey="2">Contact Us</a>|<a href="search.php?do=getnew" accesskey="2">New Posts</a>
<!-- Shevko Facebook PM -->
<if condition="$bbuserinfo[pmunread]">
|<blink><a href="private.php" accesskey="2">$bbuserinfo[pmunread] PM!</a>
</blink></if>
<!-- Shevko Facebook PM -->
</div>
</div>
<!-- Shevko Facebook BAR -->
<else />
</if>

3) Add To CSS;

#bar_bottom {
position: fixed;
bottom: 0px;
left: 80px;
right: 80px;
height: 30px;
background:#f3f3f3 url(../imgimg/bar_bottom_bg.png) 0 0  repeat-x;
border-left:1px solid #b5b5b5;
border-right:1px solid #b5b5b5;
}

.bar_float {float:left;padding:7px 5px 0 5px;border-right:1px solid #b5b5b5;}
.bar_float a{padding:2px;}
.bar_float a:hover{padding:2px;background-color:#fff;text-decoration:none;}

.bar_float1 {float:left;padding:7px 5px 0 5px;height:25px;}

.bar_float1 a{text-decoration:none;color:#749474;font-size:11px;}
.bar_float1 a:hover{font-size:11px;color:#000;text-decoration:none;}

.bar_float2 {float:right;padding:7px 5px 0 5px;border-left:1px solid #b5b5b5;height:25px;}

.bar_float2 a{padding:2px;color:#749474;font-size:10px;cursor:pointer;cursor:hand;}
.bar_float2 a:hover{padding:2px;font-size:10px;color:#000;text-decoration:none;}

.bar_contents {padding-top:6px;text-align:center;}

4) Copyright Don't Appear in Page, For This Reason You Can Add This Code To
"AdminCP>vBulletin Options>Site Name / URL / Contact Details>Copyright Text" End..

<br><br><br>

NOTE;
1) Only Users See This Modifications..
2) Turkish And English Languages in [VBD] Facebook Bar..!!



Version;
v1.01 -Add İf Conditions For Only Users..
v1.02 -Edit Wrongs in ZIP..
-Wipe Hotlink
-Add </div> Later..
v1.03 -Add Polish And Italian Languages With Attachments.. Thanks Marek58 & lordmazus..
v1.04 -Add Serbian Language With Attachments.. Thanks Darkobg..


This Modification's Languages;
1) T?rk?e
2) English
3) Polish ( By Marek58 )
4) Italian ( By lordmazus )
5) Serbian ( By darkobg )
6) Spanish ( By yeku )
7) Hebrew Download Hebrew ( By dacho )


*T?rk?e Modifikasyon Ektedir.. Gerekli D?zenlemeyi Ekteki Code/T?rk?e İ?erisindeki Kodlarla Yapınız..
*Ekte T?rk?e G?r?n?m?de Mevcuttur..

[BlackJacket]

A suggestion for the chat -

http://ajaxim.com/

I would like to see this feature using Ajax and as a product.

Thanks for this great Mod! So much potential!

*If anyone can get this working with the Ajax IM would you share it with us. Thank you very much.

[gr8whtd0pe]

Originally Posted by TNCclubman

will this work on a regular html page? If so, where does each of the 2 parts go in the html?

Put this before </head>

<style type="text/css">
#bar_bottom {
position: fixed;
bottom: 0px;
left: 80px;
right: 80px;
height: 30px;
background:#f3f3f3 url(../imgimg/bar_bottom_bg.png) 0 0  repeat-x;
border-left:1px solid #b5b5b5;
border-right:1px solid #b5b5b5;
}

.bar_float {float:left;padding:7px 5px 0 5px;border-right:1px solid #b5b5b5;}
.bar_float a{padding:2px;}
.bar_float a:hover{padding:2px;background-color:#fff;text-decoration:none;}

.bar_float1 {float:left;padding:7px 5px 0 5px;height:25px;}

.bar_float1 a{text-decoration:none;color:#749474;font-size:11px;}
.bar_float1 a:hover{font-size:11px;color:#000;text-decoration:none;}

.bar_float2 {float:right;padding:7px 5px 0 5px;border-left:1px solid #b5b5b5;height:25px;}

.bar_float2 a{padding:2px;color:#749474;font-size:10px;cursor:pointer;cursor:hand;}
.bar_float2 a:hover{padding:2px;font-size:10px;color:#000;text-decoration:none;}

.bar_contents {padding-top:6px;text-align:center;}
</style>

The other code goes right after the <body> tag.

Originally Posted by TNCclubman

how can you widen the bar and not make it so high? (ie thinner and longer)

Change

height: 30px;

to whatever you like, the images included are tall though, so you can't get much shorter without making new ones.

See how I did it if you like: http://www.wvmotorsports.com

[TNCclubman]

didnt work, it went up, but its not floating. stuck at the top of the page...lol

[TNCclubman]

I have a member that says he cant see it (using firefox) is that possible?

(Im using firefox and I see it)

I dont want to call him a liar... lol

[TNCclubman]

nevermind, he wasnt logged in... duh!

[ramil86]

Thank for that great mode. Is it possible guys to integrate notifications into bar? I mean like in facebook when there are notifications you get red popup bar with notification numbers. I basically want to add vbulletin notification into the bar. Please help me

Thanks

[TNCclubman]

Originally Posted by ramil86

Thank for that great mode. Is it possible guys to integrate notifications into bar? I mean like in facebook when there are notifications you get red popup bar with notification numbers. I basically want to add vbulletin notification into the bar. Please help me

Thanks

good idea. Like the flashing new icon when you get a new notification up top in the navbar. But instead moving it down to the bottom right in the footer bar

[TNCclubman]

anyone figure out how to make this show to non logged in users?

[gr8whtd0pe]

Originally Posted by TNCclubman

good idea. Like the flashing new icon when you get a new notification up top in the navbar. But instead moving it down to the bottom right in the footer bar

It's just a div tag, you can put what ever you want in it. For notifications just do like I do (kinda):

<if condition="$bbuserinfo[pmunread]">
<a href="private.php">New PM!</a>
<else />
<a href="private.php">No new PM's</a>
</if>

Originally Posted by TNCclubman

anyone figure out how to make this show to non logged in users?

remove

<if condition="$bbuserinfo[userid]">

and

<else />
</if>

[TNCclubman]

instead of just notifying a new pm, how about notifying any notification.

pm
wall post
add as friend
etc etc

Im sure its similar. By the way, thanks great white hope!