[vBD]-Facebook Bar..!!

[Shevko]

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 (https://vborg.vbsupport.ru/member.php?u=115688) )
4) Italian ( By lordmazus (https://vborg.vbsupport.ru/member.php?u=331240) )
5) Serbian ( By darkobg (https://vborg.vbsupport.ru/member.php?u=169785) )
6) Spanish ( By yeku (https://vborg.vbsupport.ru/member.php?u=84602) )
7) Hebrew Download Hebrew (https://vborg.vbsupport.ru/attachment.php?attachmentid=102828&d=1249331699) ( By dacho (https://vborg.vbsupport.ru/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]

i like it :)

[Shevko]

Thanks Loco.. This Modification First Sharing In Here.. I Get Excited...

[Preech]

Would this work all the same underneath let's say my navbar or header.

[Sofia]

Very good idea. Nice work, shevko ;)

[Harley77]

Nice, this saves me the time of developing one. :-)

[Shevko]

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]

haha nice nice work :)

[Shevko]

haha nice nice work :)

I'm glad for your thought.. :)

[ErrorLog]

Good Job.

Güzel iş devamını bekleriz.

[cygy2k]

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]

Thanks!

[fluentdesigns]

Awesome job! looks good!

[snowlion]

Looking good, nice mod ^_^

[Shevko]

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]

/me Tags for later.

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

[lordmazus]

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

[Shevko]

* 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..
https://vborg.vbsupport.ru/attachment.php?attachmentid=101382&stc=1&d=1246533973

[P?ŋĭsЋ?я]

Very good :) Thanks installed..

Tebrikler ?ok hoş g?r?n?yor

[Shevko]

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]

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]

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]

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]

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]

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]

its like facebook, it sits at the bottom of the browser at all times.

[Zbynomas]

No work with IE6

[Pars]

thanks good idea shevko.

[john102774]

*Installed

Thanks Shevko. IE 6.0 is not fixed. ;)

[Hornstar]

Thats pretty nice. Thanks for sharing. Now to see if my members would like this or not.

[ThePimp]

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]

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]

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]

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]

Is this ajax driven?[/I]

[lordmazus]

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]

Is this ajax driven?[/I]

No Ragtek This isnt Ajax..

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

[Shevko]

And Thanks "lordmazus" For Italian Version.. :)
ADD.. :)

[kaptanblack]

Thanks for Turkish language.. Who translated to Turkish ?

[Shevko]

:) 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]

nice work...
let me install it....
i was really looking for this..
-----------

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

[kaptanblack]

:) 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]

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]

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]

Quantnet.org..

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

[AcidX]

Implementing a facebook-like chat would be a major achievement :)

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

[nnStaff]

slick

[darkobg]

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]

Thanks ;)

[tr03bor]

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]

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]

looking good, nice mod installed.

[Oblivion Knight]

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]

You should use phrases, would be much easier to translate;)

[Quantnet]

Can anyone suggest a way to put a X button on the box to close this bar?

[fourat]

thanks
can i add cyb chatbox to this bar ?
like facebook chat

[kutukupret]

runs great at vbull 3.6.8 :D

[Shevko]

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]

thanks shevko

teşekkürler shevko

[Shevko]

Thanks Bellaa

[ZeoN1907]

Thanks Shevko ;)

Teşekk?rler..

[TNCclubman]

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]

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]

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]

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]

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]

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]

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]

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]

Hmm Please Re-Add CSS And Other Code.. Maybe You Wrong Add This Code..

[BlueNinjaGo]

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]

If I remove class="bar_float2" from the last DIV, it shows up, but not correctly.

[Shevko]

I Dont Understand This.. Please Give Caps To Here..

[BlueNinjaGo]

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]

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]

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]

i Dont Understand This Problem.. There Is Only At You..

[dacho]

Hebrew ver. for this MOD

[Shevko]

Hebrew ver. for this MOD

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

[Blacura]

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]

Great TM, Thanks so much. Will you ever release that skin on the forum. i love it.

[Shevko]

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]

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]

hello
thank you >>
but can you add the facebook style chat like https://vborg.vbsupport.ru/attachment.php?attachmentid=79128&d=1208952896

https://vborg.vbsupport.ru/showthread.php?t=176924

[Shevko]

I Can Understand This But I Thnik These For Other Version.. :) But Now I Can Start.. Ok :)

[Thug]

for some reason all i seem to get is this

[kpa4941]

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]

OWW Thanks kpa4941,
Testing Now This Modifications Addon.. When Test Finished, I Will Share It..

[BlueNinjaGo]

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]

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]

Hmm Its Good :)

But Dnt Like Facebook :)

[jambo_1969]

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]

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]

Cheers for that mate - perfect !

[jambo_1969]

[edit] - works like a charm.

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

Thanks again

[gr8whtd0pe]

[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]

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]

Wow, nice modifications, thanks :]

[Shevko]

Ok I Add This Options Other Version..

Please Click Mark As Installed..

[gr8whtd0pe]

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]

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]

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]

Yes sr.

[ricardoNJ]

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]

There's not chat I guess.. right?

[gr8whtd0pe]

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]

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]

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]

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]

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]

Great mod!

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

[TimberFloorAu]

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]

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_]

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.scrol lTop+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]

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]

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]

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:

https://vborg.vbsupport.ru/showpost.php?p=1874047&postcount=93

[gr8whtd0pe]

code snip.

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

[VonDoom]

Thanks Installed. haha maybe i should look into a fb style to. ;)

[blackberry]

for some reason all i seem to get is this

i am getting same issue as well :confused:

[Ihsan M]

very nice , thanks a lot.

[TNCclubman]

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

[TNCclubman]

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

[zekiturk]

superrr Shevko thanks a lot

installed!! ;)

[itsheinz]

installed ..nice one ;)

[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]

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]

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]

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]

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]

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]

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]

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]

Seems to be working in 3.7.x :)

[TNCclubman]

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]

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 https://vborg.vbsupport.ru/showpost.php?p=1883435&postcount=118

[TNCclubman]

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]

yeah put them both in your style tags (css).

[HeLLCiTo]

nice mod !! , next version integration with ibarcade , it whould be perfect !

[linuxututs]

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]

Still nothing about notification bar?

[anasota]

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://vborg.vbsupport.ru/ (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]

Great Mod! :)

[ramil86]

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]

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]

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 https://vborg.vbsupport.ru/showpost.php?p=1883435&postcount=118

[gr8whtd0pe]

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.

https://vborg.vbsupport.ru/showpost.php?p=1874825&postcount=100

[Bouncer222]

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]

This is great nice mod.

we want continues:)

[bleros]

Installed and Nominated :)

[bleros]

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]

i like this idea, thanks for sharing it with everyone

[Vehbi KOC]

Thanks Shevko:)

[bvbuk]

for some reason all i seem to get is this

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

[profanitytalker]

Wow! This looks really good. I'll go ahead and install it.

[VNVIP]

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]

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]

any update for vb4.0.4?

[blind-eddie]

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]

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.