Discuz Thai

 ลืมรหัสผ่าน
 สมัครสมาชิก

ข้อตกลงการใช้งานกระดานข่าวดิสคัสไทย DiscuzThai Agreement (English Version) ประกาศดิสคัสไทย - ทำเนียบดิสคัสภาษาไทย

Discuz! X3.5 Thai R20240520 Rev.9 (NEW) [วิดีโอช่วยสอน] อัปเกรด Discuz! X3.4 เป็น X3.5 Discord ของ Discuz! Thai Community อย่างเป็นทางการ

Discuz! X3.4 Thai R20220811 (REV.75) สิ้นสุดการสนับสนุน Discuz! X3.4 ภาษาไทยตั้งแต่วันนี้เป็นต้นไป (ขอแนะนำให้อัปเกรดเป็น X3.5 แทน)

ค้นหา
แท็กยอดนิยม: ดิสคัสภาษาไทย Discuz Thai
ดู: 2964|ตอบกลับ: 5

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

  [คัดลอกลิงก์]
stcrisston14 โพสต์ 2013-3-17 12:59:28 |โหมดอ่าน
แก้ไขครั้งสุดท้ายโดย 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เปอร์เซ็นต์ ทดสอบมาแล้วครับ

ขออภัย! โพสต์นี้มีไฟล์แนบหรือรูปภาพที่ไม่ได้รับอนุญาตให้คุณเข้าถึง

คุณจำเป็นต้อง ลงชื่อเข้าใช้ เพื่อดาวน์โหลดหรือดูไฟล์แนบนี้ คุณยังไม่มีบัญชีใช่ไหม? สมัครสมาชิก

x

คะแนน

จำนวนผู้เข้าร่วม 1จิตพิศัย +1 ย่อ เหตุผล
uschana123 + 1 โดนใจให้ทิป

ดูบันทึกคะแนน

nanglovepoy โพสต์ 2013-3-17 19:54:21
ต่างจากอันนี้
http://forum.discuzthai.com/foru ... &tid=36068&
และ อันนี้ หรือป่าวคับ
http://forum.discuzthai.com/foru ... hread&tid=36371

แสดงความคิดเห็น

http://www.discuzthai.com/thread-36068-1-1.html คือต้นฉบับครับ  โพสต์ 2013-7-25 19:08
bomlovesom โพสต์ 2013-3-17 22:20:57
nanglovepoy ตอบกลับเมื่อ 2013-3-17 19:54
ต่างจากอันนี้
http://forum.discuzthai.com/forum.php?mod=viewthread&tid=36068&
และ อ ...

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

แสดงความคิดเห็น

เหมือนกานคล้ายกานครับ  โพสต์ 2013-3-18 10:52
 เจ้าของ| stcrisston14 โพสต์ 2013-3-18 10:53:20
เหมือนกานคล้ายกานครับ
ขออภัย! คุณไม่ได้รับสิทธิ์ในการดำเนินการในส่วนนี้ กรุณาเลือกอย่างใดอย่างหนึ่ง ลงชื่อเข้าใช้ | สมัครสมาชิก

รายละเอียดเครดิต

รายชื่อผู้กระทำผิด|Archiver|ดิสคัส ไทย Follow us: Become a fan on facebook. Follow us on Twitter.

GMT+7, 2024-11-21 19:56

Powered by Discuz! X3.4, Rev.66

Copyright © 2001-2021 Tencent Cloud. Licensed

ตอบกระทู้ ขึ้นไปด้านบน ไปที่หน้ารายการกระทู้