PDA

View Full Version : Forum Home Enhancements - [vBD]-Facebook Bar..!!


Shevko
01 Jul 2009, 17:02
Facebook's Bar For vBulletin.. ByShevko:)

vBulletin (Unofficial) Turkey Support Site..[vBulletinDestek.Org] (http://www.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">
<!-- 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..


[U]This Modification's Languages;
1) Türkçe
2) English
3) Polish ( By Marek58 (http://www.vbulletin.org/forum/member.php?u=115688) )
4) Italian ( By lordmazus (http://www.vbulletin.org/forum/member.php?u=331240) )
5) Serbian ( By darkobg (http://www.vbulletin.org/forum/member.php?u=169785) )
6) Spanish ( By yeku (http://www.vbulletin.org/forum/member.php?u=84602) )
7) Hebrew Download Hebrew (http://www.vbulletin.org/forum/attachment.php?attachmentid=102828&d=1249331699) ( By dacho (http://www.vbulletin.org/forum/member.php?u=71140) )


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

Brandon Sheley
01 Jul 2009, 17:21
i like it :)

Shevko
01 Jul 2009, 17:35
Thanks Loco.. This Modification First Sharing In Here.. I Get Excited...

Preech
01 Jul 2009, 18:21
Would this work all the same underneath let's say my navbar or header.

Sofia
01 Jul 2009, 18:22
Very good idea. Nice work, shevko ;)

Harley77
01 Jul 2009, 19:30
Nice, this saves me the time of developing one. :-)

Shevko
01 Jul 2009, 20:05
Would this work all the same underneath let's say my navbar or header.
Sorry, i don't understand you Preech

Very good idea. Nice work, shevko ;)
I m glad you liked it Sofia :)

Nice, this saves me the time of developing one. :-)
I m glad for you Harley :)

bleros
01 Jul 2009, 20:44
haha nice nice work :)

Shevko
01 Jul 2009, 21:12
haha nice nice work :)

I'm glad for your thought.. :)

ErrorLog
01 Jul 2009, 23:04
Good Job.

Güzel iş devamını bekleriz.

cygy2k
02 Jul 2009, 01:31
This is great - but a few suggestions...

Could you have a plugin that creates 5 or 6 dropdowns in the UserCP with different sections of the site that the User could chose as their links that show in the bar instead of just those default ones? The bar could have if statements to pull those links.

Selene
02 Jul 2009, 01:47
Thanks!

fluentdesigns
02 Jul 2009, 04:44
Awesome job! looks good!

snowlion
02 Jul 2009, 10:17
Looking good, nice mod ^_^

Shevko
02 Jul 2009, 10:47
Thanks Selene, fluentdesigns, snowlion for your comments :) of course ErrorLog :)

And
This is great - but a few suggestions...

Could you have a plugin that creates 5 or 6 dropdowns in the UserCP with different sections of the site that the User could chose as their links that show in the bar instead of just those default ones? The bar could have if statements to pull those links.

i only create this modifications.. if you would, you can develop this.. but if you would anythink from i. i can do for you.. :) ;)

OcR Envy
02 Jul 2009, 11:48
/me Tags for later.

How hard would it be to hide/add links as we do not use social groups?

lordmazus
02 Jul 2009, 11:56
Very nice ! But i tested with my IE (italian version) and not fixed, the bar show only in the footer.

Shevko
02 Jul 2009, 12:27
* OcR Envy Tags for later.

How hard would it be to hide/add links as we do not use social groups?

why dont you use social groups? i don't understand this.. but not hard..

Very nice ! But i tested with my IE (italian version) and not fixed, the bar show only in the footer.

first thanks your comment :) and please look at this caps..
http://www.vbulletin.org/forum/attachment.php?attachmentid=101382&stc=1&d=1246533973

PµŋĭsЋ£я
02 Jul 2009, 12:40
Very good :) Thanks installed..

Tebrikler çok hoş görünüyor

Shevko
02 Jul 2009, 12:58
Very good :) Thanks installed..

Tebrikler çok hoş görünüyor

Thanks For Your Comment PµŋĭsЋ£я..

Sizlerden Duymak Daha Hoşuma Gidiyor.. Herkes Yapmaz Yaptığını.. Teşekkürler PµŋĭsЋ£я.. :)

Quantnet
02 Jul 2009, 13:42
First, thanks for this nice mod.

On your footer code, there are several wrong or misspell words/links. You used market.png for markread link. LOL

Also, I think it would be better if you put the imgimg folder under /forum/images and change the link. Dont you have a better name instead of imgimg????

lastly, can you make the hover alt image tag like on facebook when you hover an image, it displays a black popup box on top.

Shevko
02 Jul 2009, 14:20
First, thanks for this nice mod.

On your footer code, there are several wrong or misspell words/links. You used market.png for markread link. LOL

Also, I think it would be better if you put the imgimg folder under /forum/images and change the link. Dont you have a better name instead of imgimg????

lastly, can you make the hover alt image tag like on facebook when you hover an image, it displays a black popup box on top.

First thanks for comment..
And..
1) imgimg about> :) i usually use this folder name for my edit images.. so this modifications affected this case..

2)Where are there misspell words.. if you would fix you must say to wrong..

3)i work this modifications.. i will develop this.. it will better then this..

:)

janslu
02 Jul 2009, 14:22
Hi,
Thanks for sharing! It's a great idea and I'm happy you've published this.
There's a couple of issues I found when intalling. Maybe it will be of use to others.

1. There's a closing </div> tag missing in footer.
2. Inline styles should be merged with css styles for clarity.
3. IE6 doesn't recognize position: fixed; and the bar is not visible. You can find a workaround using css expressions but I'm not going to waste more time on this browser. Enough is enough.
4. You can use conditions to display one content for registered users and another one for guests:

<if condition="$bbuserinfo[userid]">
content for users
<else />
content for guests
</if>

Cheers
Jan

Preech
02 Jul 2009, 14:46
Sorry, i don't understand you Preech



I was only asking. Does it sit in the footer, or does it sit in the header under the navbar.

Shevko
02 Jul 2009, 15:28
Hi,
Thanks for sharing! It's a great idea and I'm happy you've published this.
There's a couple of issues I found when intalling. Maybe it will be of use to others.

1. There's a closing </div> tag missing in footer.
2. Inline styles should be merged with css styles for clarity.
3. IE6 doesn't recognize position: fixed; and the bar is not visible. You can find a workaround using css expressions but I'm not going to waste more time on this browser. Enough is enough.
4. You can use conditions to display one content for registered users and another one for guests:

<if condition="$bbuserinfo[userid]">
content for users
<else />
content for guests
</if>

Cheers
Jan

Janslu Very Thanks For Your Comment and Suggestions..

1. First I Edit Code.. But i don't see wrong in code..
3. I don't know this because I haven't got IE6.. im sorry..

and I will make you say [about (2-4)] :)


I was only asking. Does it sit in the footer, or does it sit in the header under the navbar.

ok Preech i understand..
I didnt test but it must be.. :) ;)

TNCclubman
02 Jul 2009, 15:29
its like facebook, it sits at the bottom of the browser at all times.

Zbynomas
02 Jul 2009, 19:37
No work with IE6

Pars
02 Jul 2009, 21:01
thanks good idea shevko.

john102774
03 Jul 2009, 06:30
*Installed

Thanks Shevko. IE 6.0 is not fixed. ;)

Hornstar
03 Jul 2009, 07:10
Thats pretty nice. Thanks for sharing. Now to see if my members would like this or not.

ThePimp
03 Jul 2009, 07:29
1. Your code has lock.gif hotlinked from your site.
2. You need to add another </div>:
<!-- Shevko Facebook PM -->
</div>
</div>
<!-- Shevko Facebook BAR -->
<else />
3. An admincp customizable menu would be pretty slick for this, with dropup menus, like FB.
Menu Icon | Menu Title |
Item Icon | Item Title | Item Link + : -
Item Icon | Item Title | Item Link + : -

Then just output the menus that are created. You could probably do this as a product.

Shevko
03 Jul 2009, 09:15
1. Your code has lock.gif hotlinked from your site.
2. You need to add another </div>:
<!-- Shevko Facebook PM -->
</div>
</div>
<!-- Shevko Facebook BAR -->
<else />
3. An admincp customizable menu would be pretty slick for this, with dropup menus, like FB.
Menu Icon | Menu Title |
Item Icon | Item Title | Item Link + : -
Item Icon | Item Title | Item Link + : -

Then just output the menus that are created. You could probably do this as a product.

OOoo I m Sorry For Hotlink.. i am missing because this first sharing in here.. im very excited..
I Edited These..(1 and 2)

and later i will make this in other version.. i say for tree..

Very Thanks Your Suggestions :)

Marek58
04 Jul 2009, 11:20
Polish version:

<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="Oznacz forum jako przeczytane" width="16" height="16" border="0" /></a> - <a href="private.php?do=newpm"><img src="/imgimg/event_bar.png" alt="Kalendarz.." width="16" height="16" border="0" /></a> - <a href="showgroups.php"><img src="/imgimg/photo_bar.png" alt="Liderzy.." 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">PW</a> :: <a href="private.php?do=newpm"><img src="/imgimg/email_add.gif" alt="Wyślij nową wiadomość.." width="16" height="16" border="0" /></a>-<a href="private.php?do=newpm" accesskey="2">Napisz nową PW</a> |<a href="group.php"><img src="/imgimg/group.gif" alt="Grupy społecznościowe.." width="16" height="16" border="0" /></a>-<a href="group.php" accesskey="2">Grupy</a> :: <a href="profile.php?do=buddylist"><img src="/imgimg/emoticon_smile.gif" alt="Kontakty i znajomi.." width="16" height="16" border="0" /></a>-<a href="profile.php?do=buddylist" accesskey="2">Znajomi</a> |<a href="usercp.php"><img src="/imgimg/user_edit.gif" alt="Panel kontrolny użytkownika.." width="16" height="16" border="0" /></a>-<a href="usercp.php" accesskey="2">Panel użytkownika</a> :: <a href="profile.php?do=editpassword"><img src="/imgimg/lock.gif" alt="Edytuj email i hasło.." width="16" height="16" border="0" /></a>-<a href="profile.php?do=editpassword" accesskey="2">Edytuj email i hasło</a>
</div>

<div class="bar_float2">

<a href="sendmessage.php" rel="nofollow" accesskey="2">Kontakt</a>|<a href="search.php?do=getnew" accesskey="2">Nowe posty</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>

basketmen
04 Jul 2009, 11:42
hmm i will take a look into this

how is it guys, it is better for your members with this? or its remind them to fb?

ragtek
04 Jul 2009, 16:34
Is this ajax driven?[/I]

lordmazus
04 Jul 2009, 17:02
Italian Version

<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="Segna come letti" width="16" height="16" border="0" /></a> - <a href="private.php?do=newpm"><img src="/imgimg/event_bar.png" alt="Calendario" width="16" height="16" border="0" /></a> - <a href="showgroups.php"><img src="/imgimg/photo_bar.png" alt="Gruppi" 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">Messaggi Privati</a> :: <a href="private.php?do=newpm"><img src="/imgimg/email_add.gif" alt="Invia un Nuovo Messaggio.." width="16" height="16" border="0" /></a>-<a href="private.php?do=newpm" accesskey="2">Invia Nuovo Messaggio</a> |<a href="group.php"><img src="/imgimg/group.gif" alt="Gruppi Sociali.." width="16" height="16" border="0" /></a>-<a href="group.php" accesskey="2">Gruppi</a> :: <a href="profile.php?do=buddylist"><img src="/imgimg/emoticon_smile.gif" alt="Contatti e Amici.." width="16" height="16" border="0" /></a>-<a href="profile.php?do=buddylist" accesskey="2">Amici</a> |<a href="usercp.php"><img src="/imgimg/user_edit.gif" alt="Pannello di Controllo Utente.." width="16" height="16" border="0" /></a>-<a href="usercp.php" accesskey="2">Pannello Utente</a> :: <a href="profile.php?do=editpassword"><img src="/imgimg/lock.gif" alt="Modifica EMail e Password.." width="16" height="16" border="0" /></a>-<a href="profile.php?do=editpassword" accesskey="2">Modifica Email e Password</a>
</div>

<div class="bar_float2">

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

Shevko
04 Jul 2009, 17:12
Is this ajax driven?[/I]

No Ragtek This isnt Ajax..

And Thanks Marek58 For Polish version :)
I Will Add This Code Now..

Shevko
04 Jul 2009, 17:13
And Thanks "lordmazus" For Italian Version.. :)
ADD.. :)

kaptanblack
04 Jul 2009, 22:49
Thanks for Turkish language.. Who translated to Turkish ?

Shevko
05 Jul 2009, 17:04
:) Thats a good question.. :) Are you a turkish?.. It product translated by me.. And there is my offer to you.. Look at my signature please kaptanblack..

Thanks for your comment.. :)

NAZIA
05 Jul 2009, 21:07
nice work...
let me install it....
i was really looking for this..
-----------

Nice... thank you ... i have done.. ;)

kaptanblack
06 Jul 2009, 09:43
:) Thats a good question.. :) Are you a turkish?.. It product translated by me.. And there is my offer to you.. Look at my signature please kaptanblack..

Thanks for your comment.. :)

Ben modifikasyonu başka biri yaptı sandım, size ait olduğunu bilmiyordum. :)

Shevko
06 Jul 2009, 10:26
nice work...
let me install it....
i was really looking for this..
-----------

Nice... thank you ... i have done.. ;)

so i was very happy :)

Ben modifikasyonu başka biri yaptı sandım, size ait olduğunu bilmiyordum. :)

Önemli Değil Kardeşim.. Saolasın Yorumun İçin.. :)

Quantnet
06 Jul 2009, 16:50
Can you modify to make this collapsible? Some members don't like it and like to turn it off or at least hide it.

Shevko
06 Jul 2009, 18:03
Quantnet.org..

i think this.. and add my notes this..

AcidX
07 Jul 2009, 19:17
Implementing a facebook-like chat would be a major achievement :)

I'll give this mod a try. Thanks mate.

nnStaff
08 Jul 2009, 02:30
slick

darkobg
08 Jul 2009, 10:43
Serbian version - Srpska verzija:


<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="Označi forume pročitane" width="16" height="16" border="0" /></a> - <a href="private.php?do=newpm"><img src="/imgimg/event_bar.png" alt="Kalendar..." width="16" height="16" border="0" /></a> - <a href="showgroups.php"><img src="/imgimg/photo_bar.png" alt="Administratori..." 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">Privatne poruke</a> :: <a href="private.php?do=newpm"><img src="/imgimg/email_add.gif" alt="Pošalji novu poruku.." width="16" height="16" border="0" /></a>-<a href="private.php?do=newpm" accesskey="2">Pošalji novu poruku</a> |<a href="group.php"><img src="/imgimg/group.gif" alt="Grupe.." width="16" height="16" border="0" /></a>-<a href="group.php" accesskey="2">Grupe</a> :: <a href="profile.php?do=buddylist"><img src="/imgimg/emoticon_smile.gif" alt="Prijatelji..." width="16" height="16" border="0" /></a>-<a href="profile.php?do=buddylist" accesskey="2">Prijatelji</a> |<a href="usercp.php"><img src="/imgimg/user_edit.gif" alt="Moj nalog.." width="16" height="16" border="0" /></a>-<a href="usercp.php" accesskey="2">Moj nalog</a> :: <a href="profile.php?do=editpassword"><img src="http://www.vbulletindestek.org/images/misc/usercp_icons/lock.gif" alt="Izmeni email i lozinku.." width="16" height="16" border="0" /></a>-<a href="profile.php?do=editpassword" accesskey="2">Izmeni email i lozinku</a>
</div>

<div class="bar_float2">

<a href="sendmessage.php" rel="nofollow" accesskey="2">Kontaktirajte nas</a>|<a href="search.php?do=getnew" accesskey="2">Nove poruke</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>
<!-- Shevko Facebook BAR -->
<else />
</if>

iyihost
08 Jul 2009, 11:01
Thanks ;)

tr03bor
08 Jul 2009, 22:09
Implementing a facebook-like chat would be a major achievement :)

I'll give this mod a try. Thanks mate.

Have to agree, this would be very very cool!

Shevko
09 Jul 2009, 10:48
Implementing a facebook-like chat would be a major achievement :)

I'll give this mod a try. Thanks mate.

Thanks AcidX..

slick

nnStaff Thank You..

Thanks ;)

Ben Teşekkür Ederim..

Have to agree, this would be very very cool!

Thanks tr03bor.. It will be better then now..

Filmkolik
10 Jul 2009, 07:44
looking good, nice mod installed.

Oblivion Knight
10 Jul 2009, 09:12
3. IE6 doesn't recognize position: fixed; and the bar is not visible. You can find a workaround using css expressions but I'm not going to waste more time on this browser. Enough is enough.IE6 compatability actually looks fairly easy..
http://www.cssplay.co.uk/layouts/fixed.html

I'm pretty sure you could add some extra code in a browser conditional. I would, but I don't have IE6 to test it.

ragtek
10 Jul 2009, 09:16
You should use phrases, would be much easier to translate;)

Quantnet
14 Jul 2009, 03:37
Can anyone suggest a way to put a X button on the box to close this bar?

fourat
14 Jul 2009, 05:46
thanks
can i add cyb chatbox to this bar ?
like facebook chat

kutukupret
14 Jul 2009, 06:00
runs great at vbull 3.6.8 :D

Shevko
15 Jul 2009, 15:17
looking good, nice mod installed.
Thanks Filmkolik :)

You should use phrases, would be much easier to translate;)
You Say For Me?

Can anyone suggest a way to put a X button on the box to close this bar?
mm Ok İ Think This Suggest But I Wait vB4..

thanks
can i add cyb chatbox to this bar ?
like facebook chat
You Can Add Easly Code In Code Under Bar Float 1..

runs great at vbull 3.6.8 :D
Thats Good.. :)

bellaa
15 Jul 2009, 16:27
thanks shevko

teşekkürler shevko

Shevko
15 Jul 2009, 17:04
Thanks Bellaa

ZeoN1907
16 Jul 2009, 18:58
Thanks Shevko ;)

Teşekkürler..

TNCclubman
16 Jul 2009, 19:20
Is there any performance slowdown during page loads because of this? My site is very photo centric and people like to look through pics fast by clicking 'next' I dont want it to affect the load time of the next page because of this...

Anyone know?

testbot
18 Jul 2009, 17:15
just a tip, if you add the code to the header instead of footer template it will load first. it gives it more of a facebook feel and looks like it's always there. basically looks like there's no load time.

testbot
18 Jul 2009, 17:17
Is there any performance slowdown during page loads because of this? My site is very photo centric and people like to look through pics fast by clicking 'next' I dont want it to affect the load time of the next page because of this...

Anyone know?

there are no mysql quires so the only load change is to load the small images that are 16x16. there's only a few of them and looking at my page stats there was no difference.

BlueChipEarth
18 Jul 2009, 19:55
just a tip, if you add the code to the header instead of footer template it will load first. it gives it more of a facebook feel and looks like it's always there. basically looks like there's no load time.

very nice! thanks for the tip!

If you guys want to see what I've done with the bar, check out my site! I made a few changes. Anyone know how to get this thing to float properly with IE 6?

testbot
18 Jul 2009, 22:48
oh, i like what you did with the login for users that aren't logged in. clever. i might have to do that. i didn't login to check the logged in version because i'm too lazy to register. sorry.

i don't have a machine with ie 6 anymore to test this but i think you can add display: inline; to the floats so they don't defaults to blocks.

yeku
19 Jul 2009, 17:26
Spanish version:

<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="Marcar Foros como Leídos" width="16" height="16" border="0" /></a> - <a href="private.php?do=newpm"><img src="/imgimg/event_bar.png" alt="Calendario" width="16" height="16" border="0" /></a> - <a href="showgroups.php"><img src="/imgimg/photo_bar.png" alt="Líderes" 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="MP" width="16" height="16" border="0" /></a>-<a href="private.php" accesskey="2">Privados</a> :: <a href="private.php?do=newpm"><img src="/imgimg/email_add.gif" alt="Enviar Privado" width="16" height="16" border="0" /></a>-<a href="private.php?do=newpm" accesskey="2">Enviar Privado</a> |<a href="group.php"><img src="/imgimg/group.gif" alt="Grupos Sociales" width="16" height="16" border="0" /></a>-<a href="group.php" accesskey="2">Grupos</a> :: <a href="profile.php?do=buddylist"><img src="/imgimg/emoticon_smile.gif" alt="Contactos & Amigos" width="16" height="16" border="0" /></a>-<a href="profile.php?do=buddylist" accesskey="2">Amigos</a> |<a href="usercp.php"><img src="/imgimg/user_edit.gif" alt="Panel de Control" width="16" height="16" border="0" /></a>-<a href="usercp.php" accesskey="2">Panel</a> :: <a href="profile.php?do=editpassword"><img src="/imgimg/lock.gif" alt="Email y Contraseña" width="16" height="16" border="0" /></a>-<a href="profile.php?do=editpassword" accesskey="2">Email y Contraseña</a>
</div>

<div class="bar_float2">

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

Installed, thank shevko

Shevko
22 Jul 2009, 11:50
Thanks Shevko ;)

Teşekkürler..

Thanks Zeon1907.. Fenerbahçeli Kardeşim.. :)

Spanish version:

<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="Marcar Foros como Leídos" width="16" height="16" border="0" /></a> - <a href="private.php?do=newpm"><img src="/imgimg/event_bar.png" alt="Calendario" width="16" height="16" border="0" /></a> - <a href="showgroups.php"><img src="/imgimg/photo_bar.png" alt="Líderes" 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="MP" width="16" height="16" border="0" /></a>-<a href="private.php" accesskey="2">Privados</a> :: <a href="private.php?do=newpm"><img src="/imgimg/email_add.gif" alt="Enviar Privado" width="16" height="16" border="0" /></a>-<a href="private.php?do=newpm" accesskey="2">Enviar Privado</a> |<a href="group.php"><img src="/imgimg/group.gif" alt="Grupos Sociales" width="16" height="16" border="0" /></a>-<a href="group.php" accesskey="2">Grupos</a> :: <a href="profile.php?do=buddylist"><img src="/imgimg/emoticon_smile.gif" alt="Contactos & Amigos" width="16" height="16" border="0" /></a>-<a href="profile.php?do=buddylist" accesskey="2">Amigos</a> |<a href="usercp.php"><img src="/imgimg/user_edit.gif" alt="Panel de Control" width="16" height="16" border="0" /></a>-<a href="usercp.php" accesskey="2">Panel</a> :: <a href="profile.php?do=editpassword"><img src="/imgimg/lock.gif" alt="Email y Contraseña" width="16" height="16" border="0" /></a>-<a href="profile.php?do=editpassword" accesskey="2">Email y Contraseña</a>
</div>

<div class="bar_float2">

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

Installed, thank shevko

Thanks For Languages.. (:

BlueNinjaGo
30 Jul 2009, 15:21
I've managed to get everything working except for the last part.

I can't get the Contact Us, New Posts, or PM's to show up.

Shevko
30 Jul 2009, 23:22
Hmm Please Re-Add CSS And Other Code.. Maybe You Wrong Add This Code..

BlueNinjaGo
31 Jul 2009, 14:58
I removed and re-added both the template code and the CSS code 3-4 times... I used what was in your first post and what was in the files... (although they're the same thing, I just wanted to make sure.)

Still no go. This is on my test board btw, so there's very VERY few things that could possibly interfere with it.

BlueNinjaGo
31 Jul 2009, 15:30
If I remove class="bar_float2" from the last DIV, it shows up, but not correctly.

Shevko
31 Jul 2009, 15:54
I Dont Understand This.. Please Give Caps To Here..

BlueNinjaGo
31 Jul 2009, 16:17
Here you go. There's 2 screen shots... one with the class in the DIV tag, one without.

102747

Also, how would I make the bar stretch across the entire screen?

Shevko
31 Jul 2009, 18:56
Which Version You Use?

.bar_float2 {float:right;border-left:1px solid #b5b5b5;}

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

Please You Change Old With This.. Only bar_float2 Please..

BlueNinjaGo
31 Jul 2009, 19:07
I run 3.7.3 of VBulletin, but I don't see why it'd make a difference.

This is when I have an Unread Message.

102752


The second is when I do NOT have an unread message.

Shevko
03 Aug 2009, 16:17
i Dont Understand This Problem.. There Is Only At You..

dacho
03 Aug 2009, 21:35
Hebrew ver. for this MOD

Shevko
03 Aug 2009, 21:53
Hebrew ver. for this MOD

Very Thanks dacho :)
And Please Click İnstalled :)

Blacura
05 Aug 2009, 22:28
I instaled this but the bar can't be seen its way down there at the bottom. the code that says add to css but where???????????????

where to add it i dont understand

mabersoft
06 Aug 2009, 14:09
Great TM, Thanks so much. Will you ever release that skin on the forum. i love it.

Shevko
06 Aug 2009, 15:34
Great TM, Thanks so much. Will you ever release that skin on the forum. i love it.
I Think Release Will Come With vB4 :)

I instaled this but the bar can't be seen its way down there at the bottom. the code that says add to css but where???????????????

where to add it i dont understand
Additional CSS in Your Style.. :)

BlueNinjaGo
07 Aug 2009, 15:54
Is it possible to add a pop up menu to the bar, like facebook has.

(Doesn't have to function 100% like Facebook, but just a way i can organize some of the buttons.)

iHussence
07 Aug 2009, 16:09
hello
thank you >>
but can you add the facebook style chat like http://www.vbulletin.org/forum/attachment.php?attachmentid=79128&d=1208952896

http://www.vbulletin.org/forum/showthread.php?t=176924

Shevko
07 Aug 2009, 17:03
I Can Understand This But I Thnik These For Other Version.. :) But Now I Can Start.. Ok :)

Thug
18 Aug 2009, 00:40
for some reason all i seem to get is this

kpa4941
21 Aug 2009, 19:35
I really like this mod, but I found a small problem. When you click calendar on the facebook bar, it redirects you to new private message. Here is the code edit I did (in red):

<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="calendar.php"><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>

Shevko
22 Aug 2009, 14:06
OWW Thanks kpa4941,
Testing Now This Modifications Addon.. When Test Finished, I Will Share It..

BlueNinjaGo
24 Aug 2009, 14:41
for some reason all i seem to get is this

I believe I had the same issue, if you see me on MSN/AIM then send me an IM, and I'll try to explain what I did to fix it.

gr8whtd0pe
24 Aug 2009, 20:35
Good basic script once I cleaned up the code, CSS and made it able to be hidden by the user in the USER CP.

Good job!

All this is people are <div> tags with stuff in them, you can put what ever you want in them.

http://www.wvmotorsports.com you have to be a member to see it though...

EDIT: test account:
User: Test
Pass: vbulletin

Shevko
24 Aug 2009, 21:28
Hmm Its Good :)

But Dnt Like Facebook :)

jambo_1969
25 Aug 2009, 10:09
Good basic script once I cleaned up the code, CSS and made it able to be hidden by the user in the USER CP.

Good job!

All this is people are <div> tags with stuff in them, you can put what ever you want in them.

http://www.wvmotorsports.com you have to be a member to see it though...

EDIT: test account:
User: Test
Pass: vbulletin

Can you share ?

gr8whtd0pe
25 Aug 2009, 14:52
Sure!

Go to your admincp and add a new user profile field.

Kind: Single-Selection Radio Buttons
Title: Floating Bar
Description: Choose to hide or show the bar that floats at the bottom of the screen here.<a id="bar" name="bar"></a> (- that part will come in handy later)
Options: Show(press enter)Hide
Field Required: Yes, Always
Editable then no, no, no.

I put it under Options: other for display page.

The code:
<if condition="$bbuserinfo[userid]">
<if condition="$vbulletin->userinfo['fieldX'] == Hide">
<else />
<!--[if lte IE 6]>
<![endif]-->
<br /><br />
His <div> tags go here...
</if>
</if>


Several things happen there, if they choose Hide, it doesn't show anything, if its IE6 it hides, because IE6 does not display it correctly. If its show and not IE6 it adds spaces to the bottom of the footer and prints the bar. For that part to work I put it between:

</form>
and
<if condition="$show['dst_correction']">

Then all you have to do is add a link on there somewhere pointing to: profile.php?do=editoptions#bar

questions?

Hmm Its Good :)

But Dnt Like Facebook :)

Huh? Was that for me?

jambo_1969
25 Aug 2009, 17:25
Cheers for that mate - perfect !

jambo_1969
25 Aug 2009, 17:39
[edit] - works like a charm.

Template edit required is in the footer template (obviously)....

Thanks again

gr8whtd0pe
25 Aug 2009, 17:42
[edit] - works like a charm.

Template edit required is in the footer template (obviously)....

Thanks again

Yeah lol, if you dont want to put it where I did, just get rid of the <br>'s in the code and put it where ever.

Gald it works for ya though. :up:

BiZiMDiYaR
26 Aug 2009, 00:11
Sure!

Go to your admincp and add a new user profile field.

Kind: Single-Selection Radio Buttons
Title: Floating Bar
Description: Choose to hide or show the bar that floats at the bottom of the screen here.<a id="bar" name="bar"></a> (- that part will come in handy later)
Options: Show(press enter)Hide
Field Required: Yes, Always
Editable then no, no, no.

I put it under Options: other for display page.

The code:
<if condition="$bbuserinfo[userid]">
<if condition="$vbulletin->userinfo['fieldX'] == Hide">
<else />
<!--[if lte IE 6]>
<![endif]-->
<br /><br />
His <div> tags go here...
</if>
</if>


Several things happen there, if they choose Hide, it doesn't show anything, if its IE6 it hides, because IE6 does not display it correctly. If its show and not IE6 it adds spaces to the bottom of the footer and prints the bar. For that part to work I put it between:

</form>
and
<if condition="$show['dst_correction']">

Then all you have to do is add a link on there somewhere pointing to: profile.php?do=editoptions#bar

questions?



Huh? Was that for me?

Hi,

I think this should be added to the normal code, as the HIDE part is something some users want.. so should be added but the threadowner, of course with permission :-)
But I have another problem, where is the CSS ? I don't see any additional css... I onyl see editor css, is this the one to add the code ? Could you please mentioned the correct place for this.

Thanks.


Merhaba,

Su yukardaki adamin yazdigi bence coda eklenmesi lazim, gizlenmesi bence cok kisinin istedigi birseydir, coduna ekle adamin iziniyle :).
Benim ama baska sorunum vardi... su CSS nerde ? bende aditional css yok, tek editor css var... oraya mi eklencek bu cod.. ? Tam yeri soylermisin ?


Saygilarimla,

Toshifira
26 Aug 2009, 05:40
Wow, nice modifications, thanks :]

Shevko
26 Aug 2009, 08:54
Ok I Add This Options Other Version..

Please Click Mark As Installed..

gr8whtd0pe
26 Aug 2009, 17:49
Hi,
But I have another problem, where is the CSS ? I don't see any additional css... I onyl see editor css, is this the one to add the code ? Could you please mentioned the correct place for this.


There is no additional CSS...

All you do to add this is create the user field and replace
<if condition="$bbuserinfo[userid]">

With:
<if condition="$bbuserinfo[userid]">
<if condition="$vbulletin->userinfo['fieldX'] == Hide">
<else />
<!--[if lte IE 6]>
<![endif]-->
<br /><br />


then replace:
<!-- Shevko Facebook BAR -->
<else />
</if>

With:
</if>
</if>

That's it.

ricardoNJ
26 Aug 2009, 19:02
I have this 'problem'. You say:

3) Add To CSS;
Code:

#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;}



But in my Main CSS I can't add any other code [Additional CSS Definitions] 'cause I have it with other codes.

gr8whtd0pe
26 Aug 2009, 19:38
I have this 'problem'. You say:



But in my Main CSS I can't add any other code [Additional CSS Definitions] 'cause I have it with other codes.

You mean its somehow to full to add that code into the text box all the way at the bottom of your main css? style manager - style - edit main css - all the way at the bottom

ricardoNJ
26 Aug 2009, 19:41
Yes sr.

ricardoNJ
26 Aug 2009, 19:52
Well, I fixed it for miself pasting this code on both boxes at the bottom and added the <style> tag in each. It's a'right

ricardoNJ
26 Aug 2009, 19:56
There's not chat I guess.. right?

gr8whtd0pe
26 Aug 2009, 21:21
There's not chat I guess.. right?

Not yet, I'm thinking about adding that in myself and doing some of the other things people have mentioned though..

TimberFloorAu
27 Aug 2009, 07:20
Is there anyway to get this to stretch to fit a fixed style. of 972 px wide.
Our forum, centres to the page, but soon as we stretch the page the footer bar moves disproportionately.



Ste

ricardoNJ
27 Aug 2009, 08:41
Not yet, I'm thinking about adding that in myself and doing some of the other things people have mentioned though..
It will be nice!..... thanks!

BiZiMDiYaR
27 Aug 2009, 18:34
Hi,

A question... after I have added this, something happend to the sitemap links at the bottom of the page. When I am looged in as a user, the sitemap doesn't show anymore... but when I log out as an user, the sitemap comes back on.

Will this cause any SEO problems.. ? How to get the sitemap back at the bottom of the page.. ?


Thanks.

TimberFloorAu
27 Aug 2009, 20:41
Hi,

A question... after I have added this, something happend to the sitemap links at the bottom of the page. When I am looged in as a user, the sitemap doesn't show anymore... but when I log out as an user, the sitemap comes back on.

Will this cause any SEO problems.. ? How to get the sitemap back at the bottom of the page.. ?


Thanks.

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

Mangia
27 Aug 2009, 21:11
Great mod!

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

TimberFloorAu
27 Aug 2009, 22:32
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
27 Aug 2009, 23:17
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, :o

Thanks very much :)

CILGINKRAL_
28 Aug 2009, 14:09
Thaks, Good

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

phmaster
01 Sep 2009, 01:51
Great mod thank you my friend. i will give it a try ...
Keep up the good work.

KLUNZ
07 Sep 2009, 17:53
plz edit your code sim this

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

Netron
08 Sep 2009, 00:24
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
12 Sep 2009, 02:00
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
13 Sep 2009, 03:32
Can someone tell me how to add a closing/minimizing button to this? It would be really helpful.

BiZiMDiYaR
13 Sep 2009, 22:47
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.

isatice
16 Sep 2009, 03:33
Can someone tell me how to add a closing/minimizing button to this? It would be really helpful.

you can hide it by using css and onmouseover function .
use 2 different classes , 1 with opacity zero another with opacity 100

gr8whtd0pe
17 Sep 2009, 20:03
Can someone tell me how to add a closing/minimizing button to this? It would be really helpful.

Or let your users choose to hide or show permanently:

http://www.vbulletin.org/forum/showpost.php?p=1874047&postcount=93

gr8whtd0pe
17 Sep 2009, 20:09
code snip.

sweet works great. Now if IE would use Png's right...

VonDoom
17 Sep 2009, 20:45
Thanks Installed. haha maybe i should look into a fb style to. ;)

blackberry
18 Sep 2009, 16:16
for some reason all i seem to get is this

i am getting same issue as well :confused:

Ihsan M
19 Sep 2009, 00:56
very nice , thanks a lot.

TNCclubman
22 Sep 2009, 17:56
will this work on a regular html page? If so, where does each of the 2 parts go in the html?

TNCclubman
22 Sep 2009, 19:03
how can you widen the bar and not make it so high? (ie thinner and longer)

zekiturk
25 Sep 2009, 20:37
superrr Shevko thanks a lot

installed!! ;)

itsheinz
27 Sep 2009, 06:50
installed ..nice one ;)

BlackJacket
28 Sep 2009, 15:00
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
28 Sep 2009, 15:52
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.

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
28 Sep 2009, 16:57
didnt work, it went up, but its not floating. stuck at the top of the page...lol

TNCclubman
28 Sep 2009, 22:47
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
28 Sep 2009, 22:51
nevermind, he wasnt logged in... duh!

ramil86
28 Sep 2009, 23:35
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
29 Sep 2009, 02:05
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
30 Sep 2009, 04:50
anyone figure out how to make this show to non logged in users?

gr8whtd0pe
30 Sep 2009, 14:31
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>



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

remove
<if condition="$bbuserinfo[userid]">
and
<else />
</if>

TNCclubman
30 Sep 2009, 15:00
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!

gr8whtd0pe
30 Sep 2009, 18:32
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!

Well, a quick Google turned up this site:
http://tech6.com/f51/vbulletin-template-conditionals-list-t112/

If unread Notification
--------------------------------------------------
You can use this conditional to display something if a user has any unread Notification (for vB 3.7 onwards).
<if condition="$show['notifications']"></if>

Beyond that, its really just trial and error to get it the way you want it to be, until you either get it, or find it online lol.

Btw your welcome for the help, and its Great White Dope, not hope. Its a Bloodhound Gang song.

TNCclubman
02 Oct 2009, 00:19
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.



Change

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


This works in FIREFOX, but not in Internet Explorer.

Any ideas?

(Im talking about getting it to work on an html page)

caltek
02 Oct 2009, 05:20
Seems to be working in 3.7.x :)

TNCclubman
04 Oct 2009, 22:58
This works in FIREFOX, but not in Internet Explorer.

Any ideas?

(Im talking about getting it to work on an html page with the code greatwhitedope gave me)

gr8whtd0pe
05 Oct 2009, 16:00
This works in FIREFOX, but not in Internet Explorer.

Any ideas?

(Im talking about getting it to work on an html page with the code greatwhitedope gave me)

Probably because IE does not listen to any HTML standards.

add:
/* <<<this part is for IE6--- START >>> */
* html,* html body {
background-image:url(about:blank);
background-attachment:fixed;
}
/*<<< this part is for IE6--- END>>> */
and
/* <<<this part is for IE6 --- START>>> */
* html #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;
}
/*<<< this part is for IE6 --- END >>> */

To your css per http://www.vbulletin.org/forum/showpost.php?p=1883435&postcount=118

TNCclubman
05 Oct 2009, 16:34
1st part i added to the begining of the html part you gave me before... 2nd part I added to the begining of the css part you gave me before. I use IE7, its still just displaying at the very bottom of the page, doesnt float, you have to scroll all the way down to see it.

did i put the 2 parts in the right locations? is the first part for the html, 2nd for the css?

gr8whtd0pe
06 Oct 2009, 15:22
yeah put them both in your style tags (css).

HeLLCiTo
13 Oct 2009, 17:01
nice mod !! , next version integration with ibarcade , it whould be perfect !

linuxututs
14 Oct 2009, 09:07
Love this Hack !

One thing I done though was placed
<!-- Shevko Facebook PM -->
<if condition="$bbuserinfo[pmunread]">
|<blink><a href="private.php" accesskey="2">$bbuserinfo[pmunread] PM!</a>
</blink></if>

Before
<a href="private.php"><img src="/imgimg/email_open.gif"

and then had to remove the "Private" from Private Messages to get it to fit into the toolbar. ( For some reason changing 80% to 95% didn't work for lengthening it up......?

Thanks,

ramil86
14 Oct 2009, 09:11
Still nothing about notification bar?

anasota
15 Oct 2009, 00:25
thanks Shevko
it's a very lovely modification

i kind of turned it around.. i added notifications, username and logout link, pop-up menus,,, see how it looks now.. :)
http://forum.fiyadhnajd.net//uploaded/160_01255563628.jpg (http://forum.fiyadhnajd.net//uploaded/160_01255562156.jpg)
wider image (http://forum.fiyadhnajd.net//uploaded/160_01255562156.jpg)
notice.. bar in header

uploader popsup
http://forum.fiyadhnajd.net//uploaded/160_11255562156.jpg

search
http://forum.fiyadhnajd.net//uploaded/160_21255562156.jpg

notifications.. + bar background color turns to Blue..
https://www.vbulletin.org/forum/ (http://forum.fiyadhnajd.net//uploaded/160_01255562424.jpg)
wider image (http://forum.fiyadhnajd.net//uploaded/160_01255562424.jpg)

no need for links and notifications in navbar template :)


again.. thank you :)
best wishes

Stevie Night
15 Oct 2009, 01:34
Great Mod! :)

ramil86
19 Oct 2009, 19:07
notifications.. + bar background color turns to Blue..
http://forum.fiyadhnajd.net//uploaded/160_11255563628.jpg (http://forum.fiyadhnajd.net//uploaded/160_01255562424.jpg)
wider image (http://forum.fiyadhnajd.net//uploaded/160_01255562424.jpg)

no need for links and notifications in navbar template :)


again.. thank you :)
best wishes

Hi anasota. Could you please share how you added notifications pop-up? What is the code for that.Please i really would love to add notifications to my bar. And how did you add search pop-up? I'm looking forward to hearing from you. Thanks

Trescom
04 Nov 2009, 22:19
First of all, great mod!
But i have problem with an option for Enable / Disable that bar in UserCP.
I don't fully understand you gr8whtd0pe. You did not specify WHERE to put your code.
I guess you meant Shevko's code?
<if condition="$bbuserinfo[userid]">
<--- HERE? --->
<!-- Shevko Facebook BAR -->

If yes than i did it. My field is field7, so i changed the red X in your code to number 7.

Now, whatever option i choose, Show or Hide, the bar is still visible. I am using both Firefox and IE.

Any advice please?

Defkalion
03 Dec 2009, 13:27
Anybody got this to work with IE6?

I've added the below to the CSS but still doesn't work on IE6.

Probably because IE does not listen to any HTML standards.

add:
/* <<<this part is for IE6--- START >>> */
* html,* html body {
background-image:url(about:blank);
background-attachment:fixed;
}
/*<<< this part is for IE6--- END>>> */
and
/* <<<this part is for IE6 --- START>>> */
* html #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;
}
/*<<< this part is for IE6 --- END >>> */

To your css per http://www.vbulletin.org/forum/showpost.php?p=1883435&postcount=118

gr8whtd0pe
15 Dec 2009, 15:47
First of all, great mod!
But i have problem with an option for Enable / Disable that bar in UserCP.
I don't fully understand you gr8whtd0pe. You did not specify WHERE to put your code.
I guess you meant Shevko's code?
<if condition="$bbuserinfo[userid]">
<--- HERE? --->
<!-- Shevko Facebook BAR -->

If yes than i did it. My field is field7, so i changed the red X in your code to number 7.

Now, whatever option i choose, Show or Hide, the bar is still visible. I am using both Firefox and IE.

Any advice please?

Sorry I never check this anymore. All you do is replace the sections of his code with what I have.

http://www.vbulletin.org/forum/showpost.php?p=1874825&postcount=100

Bouncer222
15 Dec 2009, 23:20
where do you add the CSS exactly? like where do you edit the css template or where ever it is that you edit it?

thanks.

EDIT NVM GOT IT

BuRaCh
19 Dec 2009, 11:04
This is great nice mod.

we want continues:)

bleros
22 Dec 2009, 10:12
Installed and Nominated :)

bleros
22 Dec 2009, 10:38
Albanian Language

<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="Shëno Forumet Të Lexuar" width="16" height="16" border="0" /></a> - <a href="private.php?do=newpm"><img src="/imgimg/event_bar.png" alt="Kalendari.." width="16" height="16" border="0" /></a> - <a href="showgroups.php"><img src="/imgimg/photo_bar.png" alt="Liderët.." 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">Mesazhet Private</a> :: <a href="private.php?do=newpm"><img src="/imgimg/email_add.gif" alt="Dërgo Mesazh.." width="16" height="16" border="0" /></a>-<a href="private.php?do=newpm" accesskey="2">Dërgo Mesazh</a> |<a href="group.php"><img src="/imgimg/group.gif" alt="Grupet Sociale.." width="16" height="16" border="0" /></a>-<a href="group.php" accesskey="2">Grupet</a> :: <a href="profile.php?do=buddylist"><img src="/imgimg/emoticon_smile.gif" alt="Kontaktet & Shokët.." width="16" height="16" border="0" /></a>-<a href="profile.php?do=buddylist" accesskey="2">Shokët</a> |<a href="usercp.php"><img src="/imgimg/user_edit.gif" alt="Paneli Antarit.." width="16" height="16" border="0" /></a>-<a href="usercp.php" accesskey="2">Paneli Antarit</a> :: <a href="profile.php?do=editpassword"><img src="/imgimg/lock.gif" alt="Ndrysho Emailin & Fjalëkalimin.." width="16" height="16" border="0" /></a>-<a href="profile.php?do=editpassword" accesskey="2">Ndrysho Emailin & Fjalëkalimin</a>
</div>

<div class="bar_float2">

<a href="sendmessage.php" rel="nofollow" accesskey="2">Kontakto</a>|<a href="search.php?do=getnew" accesskey="2">Postimet e Reja</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>

jazzyname
25 Dec 2009, 02:19
i like this idea, thanks for sharing it with everyone

Vehbi KOC
14 Jan 2010, 06:50
Thanks Shevko:)

bvbuk
25 Jan 2010, 12:53
for some reason all i seem to get is this

i had this problem too, anyone know how to fix it???

profanitytalker
07 Mar 2010, 17:21
Wow! This looks really good. I'll go ahead and install it.

VNVIP
01 Apr 2010, 17:30
Thanks , great mod

works on vb 4 too

Footer code - incl. Phrase

<vb: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"> {vb:rawphrase 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">{vb:rawphrase sent_pm}</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">{vb:rawphrase 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">{vb:rawphrase contacts_and_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">{vb:rawphrase user_control_panel}</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"> {vb:rawphrase edit_email_and_password}</a>
</div>

<div class="bar_float2">

<a href="sendmessage.php" rel="nofollow" accesskey="2">{vb:rawphrase contact_us}</a>|<a href="search.php?do=getnew" accesskey="2">{vb:rawphrase new_posts_nav}</a>
<!-- Shevko Facebook PM -->
<vb:if condition="$bbuserinfo[pmunread]">
|<blink><a href="private.php" accesskey="2">$bbuserinfo[pmunread] PM!</a>
</blink></vb:if>
<!-- Shevko Facebook PM -->
</div>
</div>
<!-- Shevko Facebook BAR -->
<vb:else />
</vb:if>

Cu

kuechler
06 Apr 2010, 19:42
German Translation / Deutsche Übersetzung

footer.php
<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 Nachrichten</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">Nachricht senden</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">Gruppen</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">Kontakte</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">Kontrollzentrum</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">Email & Passwort ändern</a>
</div>

<div class="bar_float2">

<a href="sendmessage.php" rel="nofollow" accesskey="2">Kontaktformular</a>|<a href="search.php?do=getnew" accesskey="2">Neue Beiträge</a>
<!-- Shevko Facebook PM -->
<if condition="$bbuserinfo[pmunread]">
|<blink><a href="private.php" accesskey="2">Neue Nachrichten: $bbuserinfo[pmunread]</a>
</blink></if>
<!-- Shevko Facebook PM -->
</div>
</div>
<!-- Shevko Facebook BAR -->
<else />
</if>

emath
24 Jun 2010, 13:52
any update for vb4.0.4?

blind-eddie
02 Dec 2010, 04:20
For those wanting to stretch the bar to fit page, in the CSS at the top...


left: 80px;
right: 80px;


Change to...


left: 0px;
right: 0px;

cowcowcow
28 May 2011, 04:16
this is alot like the meebo bar sites like http://www.aeriagames.com/ use, which is awesome cause we dont have to sign up with meebo etc.

Can i ask is t here an option to hide the bar? As well as a place where you can easily add in new forum announcements. That would be perfect.