WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1Solved Facebook Like at the side of every page Mon Mar 19, 2012 10:03 pm

magicm00n

magicm00n
Registered Member
Registered Member
How can we make a facebook at the side like this:
http://www.parea.biz/

When we hover over it, it pops out.

ankillien

ankillien
Administrator
Administrator
Code for that are given on this page: http://www.mybloggertricks.com/2011/12/floating-facebook-likebox-for-blogs.html

magicm00n

magicm00n
Registered Member
Registered Member
Oh thank you! cheers

Is this compatible with phpbb3?

ankillien

ankillien
Administrator
Administrator
I don't know about it. You can give i a try.

magicm00n

magicm00n
Registered Member
Registered Member
I tried but it doesn't show. Can you help me because in this forumotion forum(http://www.parea.biz/) it works

ankillien

ankillien
Administrator
Administrator
Where have you added the codes?

magicm00n

magicm00n
Registered Member
Registered Member
I added them in javascript managements and set it for all pages.

ankillien

ankillien
Administrator
Administrator
No, Try adding it on a widget or scrolling announcement.

magicm00n

magicm00n
Registered Member
Registered Member
Its not showing. In the website you gave above they said that:

Search for <head> and just below it paste the following JQuery code, (You can ignore this step if Jquery Link is already added in your template)

Code:
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

ankillien

ankillien
Administrator
Administrator
I just tried on my forum and it works fine.

Try this code...

Code:
<script type="text/javascript">
//<!--
jQuery(document).ready(function() {jQuery(".w2bslikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://1.bp.blogspot.com/--tscpVzcBjo/TdUarKtcAlI/AAAAAAAAA3I/qVkypiYO9rc/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fbloggertricks&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp; connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>Widget by:<a href="http://www.MyBloggerTricks.com">My Blogger Tricks</a></span></div></div>

magicm00n

magicm00n
Registered Member
Registered Member
That code is working!! THANKS A BUNCH! cheers

btw if i deactivate scrolling for announcements only 1 announcement will be displayed?

ankillien

ankillien
Administrator
Administrator
Yes, I think.

siva

siva
Registered Member
Registered Member
Thanks ankillien. working well.

http://www.eegarai.net

14Solved Re: Facebook Like at the side of every page Tue Mar 20, 2012 11:05 pm

magicm00n

magicm00n
Registered Member
Registered Member
ankillien wrote:Yes, I think.

Okay, you may mark this as solved.

15Solved Re: Facebook Like at the side of every page Tue Mar 20, 2012 11:14 pm

ankillien

ankillien
Administrator
Administrator
Solved | Locked

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum