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 on Mon Mar 19, 2012 10:03 pm

magicm00n

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

2Solved Re: Facebook Like at the side of every page on Mon Mar 19, 2012 10:32 pm

ankillien

avatar
Administrator
Administrator

3Solved Re: Facebook Like at the side of every page on Mon Mar 19, 2012 10:44 pm

magicm00n

avatar
Registered Member
Registered Member
Oh thank you! cheers

Is this compatible with phpbb3?

4Solved Re: Facebook Like at the side of every page on Mon Mar 19, 2012 10:50 pm

ankillien

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

5Solved Re: Facebook Like at the side of every page on Mon Mar 19, 2012 11:09 pm

magicm00n

avatar
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

6Solved Re: Facebook Like at the side of every page on Mon Mar 19, 2012 11:15 pm

ankillien

avatar
Administrator
Administrator
Where have you added the codes?

7Solved Re: Facebook Like at the side of every page on Tue Mar 20, 2012 12:03 am

magicm00n

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

8Solved Re: Facebook Like at the side of every page on Tue Mar 20, 2012 8:44 am

ankillien

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

9Solved Re: Facebook Like at the side of every page on Tue Mar 20, 2012 9:06 am

magicm00n

avatar
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'/>

10Solved Re: Facebook Like at the side of every page on Tue Mar 20, 2012 9:14 am

ankillien

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

11Solved Re: Facebook Like at the side of every page on Tue Mar 20, 2012 9:37 am

magicm00n

avatar
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?

12Solved Re: Facebook Like at the side of every page on Tue Mar 20, 2012 8:03 pm

ankillien

avatar
Administrator
Administrator
Yes, I think.

13Solved Re: Facebook Like at the side of every page on Tue Mar 20, 2012 9:57 pm

siva

avatar
Registered Member
Registered Member
Thanks ankillien. working well.

http://www.eegarai.net

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

magicm00n

avatar
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 on Tue Mar 20, 2012 11:14 pm

ankillien

avatar
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