Cấp bậc: 
DEMO hình ảnh:
Đầu tiên các bạn dán code này thêm vào
css đang dùng, thêm vào cuối css cho
nhanh nha.
.slide_likebox {
float: right;
width: 247px;
height: 385px;
background: url(http://forlam.wap.sh/css/img/bg_fb.png) no-repeat!important;
display: block;
color: #fff;
right: -205px;
padding: 0;
position: fixed;
top: 15%;
z-index: 1002;
}
Copy code
float: right;
width: 247px;
height: 385px;
background: url(http://forlam.wap.sh/css/img/bg_fb.png) no-repeat!important;
display: block;
color: #fff;
right: -205px;
padding: 0;
position: fixed;
top: 15%;
z-index: 1002;
}
Copy code
Sau đó là code này, chèn vào footer wap
cho dễ quản lí
<!----Code FanPage by Tèo---->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript">
jQuery.noConflict();jQuery(function(){jQuery(".slide_likebox").hover(function(){jQuery(".slide_likebox").stop(true,false).animate({right:"0"},"medium");},function(){jQuery(".slide_likebox").stop(true,false).animate-205;},500);return false;});
</script>
<div class="slide_likebox" style="right: -205px; "><div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;">
<span class="slide_text"><iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/ForLam.Wap.Sh&width=198&colorscheme=light&show_faces=true&stream=false&header=false&height=368" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:198px; height:368px;" allowtransparency="true"></iframe></span></div></div>
Copy code
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript">
jQuery.noConflict();jQuery(function(){jQuery(".slide_likebox").hover(function(){jQuery(".slide_likebox").stop(true,false).animate({right:"0"},"medium");},function(){jQuery(".slide_likebox").stop(true,false).animate-205;},500);return false;});
</script>
<div class="slide_likebox" style="right: -205px; "><div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;">
<span class="slide_text"><iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/ForLam.Wap.Sh&width=198&colorscheme=light&show_faces=true&stream=false&header=false&height=368" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:198px; height:368px;" allowtransparency="true"></iframe></span></div></div>
Copy code
Khung like sẽ chạy theo thanh trượt của
web nhé
