stcrisston14 โพสต์ 2013-3-17 12:59:28

[x2.0 x2.5] Facebook กดLike สามารถเปลี่ยนรูปได้

แก้ไขครั้งสุดท้ายโดย stcrisston14 เมื่อ 2013-3-17 14:20

ตัวอย่าง

เมื่อเรายังไม่เอาเมาส์เลื่อนไปถูก






เมื่อเราเอาเมาส์เลื่อนไปถูก






วิธีติดตั้ง

1.AdminCP>เพิ่มเติม>ตั้งค่าโฆษณา>เลือกรูปแบบ ลอยในหน้าต่างๆ
2.นำไปใส่ในโค้ด HTML
3.ลิ้งรูป http://upic.me/i/5l/buttonfacebook1.png   http://upic.me/i/r5/7i614.png

      

โค้ต

<style type="text/css">
#FBSlideLikeBox_left {background: url("ใส่รูปภาพตรงนี้") 292px 0 no-repeat; float: left; height: 200px; position: fixed; left: -292px; padding-right: 60px; top: 10%; width: 292px; z-index: 2000;}
#FBSlideLikeBox_left #FBSlideLikeBox3_left {height: 590px; right: 0; position: absolute; border: 3px solid #3B5998; width: 292px; background: #f8f8f8;}
#FBSlideLikeBox_right {background: url(-ที่อยู่รูปภาพ-ไม่จำเป็น) 0 0 no-repeat; float: right; height: 70px; position: fixed; right: -292px; padding-left: 60px; top: 20%; width: 292px; z-index: 2000;}
#FBSlideLikeBox_right #FBSlideLikeBox3_right {height: 590px; left: 0; position: absolute; border: 3px solid #3B5998; width: 292px; background: #f8f8f8;}
#FBSlideLikeBox_left #FBSlideLikeBox2_left {position: relative; clear: both; width: auto;}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.js"></script>
<script type="text/javascript">
var $fb = jQuery.noConflict();
$fb(document).ready(
function()
{
$fb("#FBSlideLikeBox_left").mouseenter(function()
{
$fb(this).stop().animate({left: 0}, "normal");
}).mouseleave(function()
{
$fb(this).stop().animate({left: -292}, "normal");
});;
});
</script>
<div id="FBSlideLikeBox_left">
<div id="FBSlideLikeBox2_left">
<div id="FBSlideLikeBox3_left">
<iframe allowtransparency="true" src="//www.facebook.com/plugins/likebox.php?href=ลิ้งของเพจเฟสบุ๊คของท่าน&amp;height=590&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=true&amp;appId=331308353555025" style="border:none; overflow:hidden; width:292px; height:750px;" frameborder="0" scrolling="no"></iframe>
</div></div></div>

แก้ไขโค้ตส่วนที่เป็นสีแดง


หมายเหตุ:ใช้ได้100เปอร์เซ็นต์ ทดสอบมาแล้วครับ

nanglovepoy โพสต์ 2013-3-17 19:54:21

ต่างจากอันนี้
http://forum.discuzthai.com/forum.php?mod=viewthread&tid=36068&
และ อันนี้ หรือป่าวคับ
http://forum.discuzthai.com/forum.php?mod=viewthread&tid=36371

bomlovesom โพสต์ 2013-3-17 22:20:57

nanglovepoy ตอบกลับเมื่อ 2013-3-17 19:54 static/image/common/back.gif
ต่างจากอันนี้
http://forum.discuzthai.com/forum.php?mod=viewthread&tid=36068&
และ อ ...

เหมือนกับอันแรกครับ

stcrisston14 โพสต์ 2013-3-18 10:53:20

เหมือนกานคล้ายกานครับ
หน้า: [1]
ดูในรูปแบบกติ: [x2.0 x2.5] Facebook กดLike สามารถเปลี่ยนรูปได้