Kênh thông tin giải trí dành cho giới trẻ
Tự động đăng nhập lần sau
Toàn bộ
Đại sảnh
Du lịch VĐ
Làm quen
Thư viện
Thư giãn
Trường xưa
Âm nhạc
Phim ảnh
Thời trang
Cuộc sống
Tâm sự
Chém gió
Năng khiếu
DJ-Club
Bang hội
CLB
Đố vui
Trò chơi
Tin tức
Kỳ thú
Tin học
Ảnh đẹp
Học tập
Linh tinh
Tiêu đềSáng lậpGửi cuốiChuyên mụcBìnhXem
Bài gửi sau cùng
Bài mới trong thời gian

You are not connected. Please login or register

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

1 [TUT] Một kiểu like Facebook on Tue Nov 13, 2012 8:41 am

 Trùm Forum

Admin

avatar
Trùm Forum


DEMO
Code:
http://i45.servimg.com/u/f45/16/65/30/82/untitl13.png
cái like này sẽ thường trực bên hông
Evil or Very Mad tình hình bạn vào
Code:
http://developers.facebook.com/docs/reference/plugins/like-box/
Trước khi vào bạn lập 1 trang facebook riêng nâập trang facebook của bạn vào
Facebook Page URL (?):
ô Width (?):bạn để 222
sau đó ấn Getcode
bạn để ý khung inframe
bạn chèn toàn bộ code trong khung inframe vào code sau
Code:
<script type="text/javascript">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({right:"-205"},"medium");},500);return false;});</script>
<div class="slide_likebox" style="right: -205px; "> <div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;"><div class="FB_Loader"></div><span>
[color=red]CODE TRONG KHUNG INFRAME[/color]

</span></div></div>
sau khi chèn vào Vị trí trên
bạn coppy code trên paste vào cuối over_header
còn lại cho cái này vào CSS
Code:
.slide_likebox{background:url(http://illiweb.com/fa/pbucket.gif) no-repeat!important;display:block;float:right;height:385px;padding:0;position:fixed;right:-205px;top:170px;width:247px;z-index:999}.slide_text{color:#FFF;font-family:Geneva, Verdana, sans-serif;font-size:8px;padding-left:10px;text-decoration:none}@media print{body{background-color:#fff;background-image:none;color:#000}table.bodylinewidth span.maintitle{display:block;text-align:left}#info_open,.browse-arrows,.messaging,.noprint,.post-options,.poster-profile,img.i_icon_online,span.postdetails img,table.bodylinewidth .catbottom,table.bodylinewidth .gensmall,table.bodylinewidth .mainmenu,table.bodylinewidth .nav,table.bodylinewidth .sig,table.bodylinewidth img#i_logo{display:none}.t-title,td.catHead{text-align:left}table.bodylinewidth .cattitle{font-size:1em;letter-spacing:normal}.thLeft,.thRight{border:none;color:#000;text-align:left}.hr hr{visibility:hidden}.hr{border-top:1px dotted #ddd!important}tr.post td{border-bottom:1px solid #ccc;vertical-align:top}tr.post td td{border:none}span.gen{display:none}}
Xong
Lời khuyên khi bạn lấy được code inframe bạn nên chỉnh độ height cho hợp lý và đẹp hơn trong code inframe nếu không sẽ bị thò ra như trong ảnh ;p
Nguồn : CP



[You must be registered and logged in to see this link.]

[You must be registered and logged in to see this image.]
Xem lý lịch thành viên http://xteenvn.forum-viet.com

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết