1 [TUT] Một kiểu like Facebook Tue Nov 13, 2012 8:41 am
Admin
Trùm Forum
DEMO
tình hình 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
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
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
- Code:
http://i45.servimg.com/u/f45/16/65/30/82/untitl13.png
tình hình bạn vào
- Code:
http://developers.facebook.com/docs/reference/plugins/like-box/
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>
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://i565.photobucket.com/albums/ss96/ga9160188/Forum/c3zfb210.png) 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}}
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