เอามากจาก Dizcuz ไทยแก้แล้วนิดหน่อยนะครับ สำหรับบอร์ด dizcuz หรือใครจะนำไปประยุกย์ก็ตามสบายเลยนะครับ
<style type="text/css">
#FBSlideLikeBox_left {background: url("http://i1103.photobucket.com/albums/g478/Noppadon_Yunusing/like_zpsd3231f0f.png") 292px 0 no-repeat; float: left; height: 500px; 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 src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/โฟนค่ะ-หาเพื่อนโฟน-เสียว-Sexphone/594186723940910&width=292&height=290&show_faces=true&colorscheme=light&stream=false&border_color&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:290px;" allowTransparency="true"></iframe></div></div></div>
บรรทัดสุดท้าย ที่ 26 คือ code ifram ของ FB ท่านะครับ สามารถทำได้จากที่นี้ https://developers.facebook.com/docs/reference/plugins/like-box/
ส่วนบรรทัดแรก ตรงลิ้ง http://i1103.photobucket.com/albums/g478/Noppadon_Yunusing/like_zpsd3231f0f.png คือรูปตรงนี้นะครับ สามารถไปแก้ไขเองได้ เป็นไฟล์ png
(http://i1103.photobucket.com/albums/g478/Noppadon_Yunusing/like_zpsd3231f0f.png)
กำหนดความสูงตรง height: 500px ครับผม
สำหรับบอร์ดดิสคัสนำไปใส่ส่วน โฆษณา ลอยในหน้าต่างๆ วางไปโค๊ดลงไปเป็นอันเส็จครับ
รีวิวครับ
ก่อนเอาเมาส์ไปโดน
(http://image.ohozaa.com/t/816/5KpVr3.jpg) (http://image.ohozaa.com/view2/wBB8nBZQDoEkJWvl)
หลังเอาเมาส์ไปโดน
(http://image.ohozaa.com/t/f49/1Ntw1w.jpg) (http://image.ohozaa.com/view2/wBB8henzwZK8ijuv)
+1 ไปโลด :wanwan017:
ขอบคุณครับ :wanwan003:
:wanwan017: เยี่ยม
ขอบคุณคับ
ตอนโหลดอืดไหมครับ
ขอบคุณคับ
จากที่ทดลองโอสนอก ไม่อืดครับ
ขอบคุณมากครับ
:wanwan003:
57 > 58 :wanwan019:
ขอบคุณมากๆคับ
โอ้วววว วว ว
อยากได้มานานละคับ
ขอบคุณมากเลย
เหมือนเว็บไปคิงเบยคับ
ขอบคุงมาก ๆ คับ ๆๆ
สวยๆๆ ขอบคุุณครับ
ดูให้ผมหน่อยซิใสแล้วเป็นอย่างนี้ หน้าเว็บหาย มีวิธีแก้หรือป่าวคับใช้ cms opencart
อ้างถึงhttp://www.hylifeshop.com/
อ้างถึงจาก: bombermane ใน 26 มกราคม 2013, 21:11:31
ดูให้ผมหน่อยซิใสแล้วเป็นอย่างนี้ หน้าเว็บหาย มีวิธีแก้หรือป่าวคับใช้ cms opencart
อ้างถึงhttp://www.hylifeshop.com/
สงสัยจะทำให้ java ตัวอื่นไม่ทำงานนะครับ ลองเอาออกก่อนครับ เดวหาวิธีแก้ให้ :P
ขอบคุณครับ แต่ว่า เพจในโค้ดนี่มัน .... :wanwan004:
ปรับความเร็วในการสไลด์ยังไงคะ ขอบคุณค่ะ :'(
ขอบคุณครับ :wanwan017:
ขอบคุณครับ :wanwan011: :wanwan011: :wanwan011:
เอาไปติดเว็บยังไงครับ?
ขอบคุณคับ :wanwan011:
ขอบคุณครับ
ขอบคุณคับ :wanwan017:
เยี่ยมยอด :wanwan017: :wanwan017: :wanwan017:
ขอบคุณคร๊า
ใจจร้า
ขอบคุณมากครับ :wanwan017:
ขอบคุณครับ
มีบางอย่างจะถามครับ
1.โค้ดติดตรงส่วนไหนครับ
2.ใช้กับ Blogger ได้ไหมครับ
3.จะเอามาไว้ด้านขวายังไงครับ