- Code:
[hide]
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://4r.ninja9x.net/slidechatbox/slide.css" type="text/css">
<script type="text/javascript">
[You must be registered and logged in to see this link.]
jQuery(function (){
jQuery(".slide_likebox").hover(function(){
jQuery(".slide_likebox").stop(true, false).animate({left:"0"},"medium");
},function(){
jQuery(".slide_likebox").stop(true, false).animate({left:"-602"},"medium");
},500);
return false;
});
</script>
<div style="left: -602px; " class="slide_likebox">
<div style="color: rgb(255, 255, 255); padding: 20px 25px 25pt 00px;">
<span>
<h2>
<center><span class="forumtitle">Khu vực để các Ninja chém gió</span></center>
</h2><table width="505px" style="margin-left:98px;background:white;margin-top:0px">
<tbody><tr><td style="padding: 6px;">
<div id="fcb_smilieboxmain" style="display: none;">
<div id="fcb_smiliebox" align="center" style="margin-top: 3px; margin-bottom: 3px;"></div>
</div>
</form>
</td></tr>
<tr><td style="padding: 6px; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4;">
<iframe name="fcb_frame" src="/chatbox" frameborder="0" style="width: 100%; height: 200px;"></iframe>
</td>
</tr>
</tbody></table>
</span></div>
</div>
</div>
Chèn vào footer hoặc index_body
- Code:
<iframe name="chat" id="chat" src="link trang html vừa tạo" width="100%" frameborder="0" height="330"></iframe>
demo tạm: [You must be registered and logged in to see this link.]
P/s: vừa view chưa test hết
Cần xóa cái thành viên onl nữa thì nó mới rộng ra được, cái này mình chịu.
:Hide: