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

[Mangia]

Great mod!

However when I installed it, the images don't appear at all. Just the words.

[TimberFloorAu]

Originally Posted by Mangia

Great mod!

However when I installed it, the images don't appear at all. Just the words.

you must install the images to folder imgimg in root of your site.

so if forum is at www.abc.com/forum
the imgimg folder must be at www.abc.com/imgimg/

[Mangia]

Originally Posted by TimberFloorAu

you must install the images to folder imgimg in root of your site.

so if forum is at www.abc.com/forum
the imgimg folder must be at www.abc.com/imgimg/

Oh I thought it was root of forum,

Thanks very much

[CILGINKRAL_]

Thaks, Good

Shevko çok güzel teşekkürler.

[phmaster]

Great mod thank you my friend. i will give it a try ...
Keep up the good work.

[KLUNZ]

plz edit your code sim this

http://www.alnj3.com/vb/index.php

[Netron]

Bende EMail Ve Şifre Değiştir'den sonra Bütün Zaman Ayarları WEZ +3 olarak ayarlandı diye bir bölüm daha çıkıyor bunu sebebi nedir.?

[isatice]

for resolving the fixed possition issue with IE6 could use this code in CSS instead the original one from the author ( i don't know whether i am allowed to do this or not , i just want 2 help ) :

/* <<<this part is for IE6--- START >>>  */
* html,* html body {
background-image:url(about:blank);
background-attachment:fixed;
}
/*<<< this part is for IE6--- END>>> */

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

/* <<<this part is for IE6 --- START>>>  */
* html #bar_bottom {
position:absolute;
bottom:auto;
top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight));
width: 100%;
left: 0px;
right: 0px;
height: 30px;
background:#f3f3f3 url(../imgimg/bar_bottom_bg.png) 0 0  repeat-x;
border-left:1px solid #b5b5b5;
border-right:1px solid #b5b5b5;
}
/*<<< this part is for IE6 --- END >>> */

.bar_float {float:right;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:right;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;}

HAVE 2 MENTION I MODIFIED THE CODES TO WIDTH=100% FOR MY OWN USER (WIDTH NO LEFT AND RIGHT MARGIN ) IF U DONT WANT THEM SHOULD CHANGE BACK THESE VALUES TO 80 AS PROMTED IN ORIGINAL ONE :

left: 0px;
right: 0px;

CHANGE BAKC TO :

left: 80px;
right: 80px;

[khena25]

Can someone tell me how to add a closing/minimizing button to this? It would be really helpful.

[BiZiMDiYaR]

Originally Posted by TimberFloorAu

You sure it isnt just hiding behind the footerbar ?

Have you checked html code for any given page when logged in?
Did you add <br /><br /><br /> to very bottom of footer ?

Ste

Yes yes... I am 100% sure I have added that.. but as user, the sitemap below the site goes away. Very strange. I am not sure if this wilkl affect in any way, therefore I was asking. If you wanna check, see below the site.

www.alemim.net

As an guest, you see the sitemap in below.. but when logged in as an user, the sitemap goes away and the bar comes.

Thanks.