Code like FanPage chạy dọc theo web

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

Sau đó là code này, chèn vào footer wap cho dễ quản lí

<!----Code FanPage by ForLam.Wap.Sh---->

<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é :D

Quét Virus: An toàn