admin [—»Sói™~]-[Ðại Ma Ðầu]
Giới tính : Chinese zodiac : Bài viết : 1042 Xu : 158 Thanked : 650 Sinh Nhật : 20/09/1990 Tham Gia : 15/07/2011 Tuổi : 33 Yahoo : Hà Nội Nghề Nghiệp : Giáo Sư Status : hgfggggggggggggg
Character sheet Tài Sản:
| Tiêu đề: [TUT] Một kiểu like Facebook Mon Nov 07, 2011 8:51 pm | |
| cái này chả biết ai share nếu nhầm bõ mod move dùm - 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 Nháy mằt 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 (?)yêuạ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> CODE TRONG KHUNG INFRAME </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://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}}
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 haha | |
|