Floating Facebook button (Floating facebook like button)

Looking for an Extension? Have an Extension request? Post your request here for help. (Note: This forum is community supported; while there is an Extensions Development Team, said team does not dedicate itself to handling requests in this forum)
Scam Warning
Post Reply
harris1
Registered User
Posts: 39
Joined: Thu Mar 13, 2014 11:31 am

Floating Facebook button (Floating facebook like button)

Post by harris1 » Mon Aug 15, 2016 1:20 pm

Hi,
I use this code in overall_footer.html for facebook floating button on my forum.

I share it :

Code: Select all

<!-- Floating facebook -->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript">
</script>
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
<!--
</script>
<style type="text/css">
.floatinglikebox{background: url("http://bonsaiforum.gr/images/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.floatinglikebox div{border:none;position:relative;display:block;}
.floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.floatinglikebox span a{color: #808080;text-decoration:none;}
.floatinglikebox span a:hover{text-decoration:underline;}
</style><div class="floatinglikebox" style="">
<div>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fbonsaiforumgr%2F1046364475&width=251&height=270&colorscheme=light&show_faces=true&border_color=%23cccccc&stream=false&header=false&" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true">
</iframe>
<div align="right"><span style="font-size: xx-small;background:#fff;"></span></div>
</div></div>

<!-- Floating facebook -->
Change this line with yours id number :

Code: Select all

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fbonsaiforumgr%2D2838364475&width=251&height=270&colorscheme=light&show_faces=true&border_color=%23cccccc&stream=false&header=false&" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true">
</iframe>

Demo
here: http://www.bonsaiforum.gr/
Last edited by harris1 on Thu Aug 18, 2016 12:43 pm, edited 2 times in total.

User avatar
Theriddler1
Registered User
Posts: 448
Joined: Sat Aug 27, 2011 11:00 pm
Location: NL
Name: Theriddler❶
Contact:

Re: Floating Facebook button (Floating facebook like button)

Post by Theriddler1 » Mon Aug 15, 2016 8:34 pm

Here i created a extension a while ago for this

https://www.phpbbservice.nl//forum/view ... 16&t=12563
Theriddler - Moderator @ phpBB.nl | phpBBservice.nl Team-member
ImageSupport Tools | Image My Extensions | buy me a beer Image

Post Reply

Return to “Extension Requests”