[Chia Sẽ] Chat Box Cực Kute Đây

[tlovem1994]

Demo: http://teengiarai.us.to/html-h10.htm

Code:

<style type='text/css'>
#gb{
position:fixed;
bottom:5px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:70px;
float:left;
cursor:pointer;
background:url('http://ca0.upanh.com/13.629.17846849.9nR0/code1kcomkecil.jpg') no-repeat;
}
.gbcontent{
float:left;
background:none;
padding:3px;
}
</style>
<script type='text/javascript'>
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 75-w) : moveGB(71-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script><div id='gb'><div class='gbtab' onclick='showHideGB()'>
</div><div class='gbcontent'>
<table cellpadding="0" cellspacing="0" width="200%" align="center" valign="top"><tr><td width="200%"><table cellpadding="0" cellspacing="0" width="200%" align="center"><tr><td><img src="http://i766.photobucket.com/albums/xx309/bi_luv_pe_pape/mod%20recent%20topic/tcat_l10.jpg" alt="" /></td><td style="background: url(http://i766.photobucket.com/albums/xx309/bi_luv_pe_pape/mod%20recent%20topic/tcat_c10.jpg) repeat-x top left" width="100%"><table cellpadding="0" cellspacing="0" width="100%" align="left"><tr><td align="left" style="padding: 12px 0px 0px 0px;"><table cellpadding="0" cellspacing="0" align="left" width="75%"><tr><td><img src="http://i766.photobucket.com/albums/xx309/bi_luv_pe_pape/mod%20recent%20topic/tcat_t10.jpg" alt="" /></td><td class="tcat" style="background: url(http://i766.photobucket.com/albums/xx309/bi_luv_pe_pape/mod%20recent%20topic/tcat_t11.jpg) repeat-x top left" width="100%" align="left">Tám Cùng Teen Giá Rai</td><td width="320"><img src="http://i766.photobucket.com/albums/xx309/bi_luv_pe_pape/mod%20recent%20topic/tcat_t12.jpg" alt="" /></td></tr></table></td><td align="right"><a href="#top" onclick="return toggle_collapse('forumbit_1')"><img id="collapseimg_forumbit_1" src="http://i766.photobucket.com/albums/xx309/bi_luv_pe_pape/mod%20recent%20topic//top10.png" alt="" border="0" /></a></td></tr></table></td><td><img src="http://i766.photobucket.com/albums/xx309/bi_luv_pe_pape/mod%20recent%20topic/tcat_r10.jpg" alt="" /></td></tr><tr><td style="background: url(http://i766.photobucket.com/albums/xx309/bi_luv_pe_pape/mod%20recent%20topic/scale_10.jpg) repeat-y top left" valign="bottom"> </td><td style="background: #FFFFFF;" width="100%"><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" align="left"><tr><td style="padding: 0px 0px 0px;" width="100%"><table align=center width=100% cellspacing=0 cellpading=0 background="http://i766.photobucket.com/albums/xx309/bi_luv_pe_pape/mod%20recent%20topic/body0210.jpg"></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr valign="top"><iframe src="chatbox/chatbox.forum" height="300" width="100%" frameborder="0"></iframe></tr>      </table></td><td align="center" style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" width="100%" background="http://i766.photobucket.com/albums/xx309/bi_luv_pe_pape/mod%20recent%20topic/listbg10.gif"></td></tr></table></td><td style="background: url(http://i766.photobucket.com/albums/xx309/bi_luv_pe_pape/mod%20recent%20topic/scale_11.jpg) repeat-y top right" valign="bottom"> </td></tr><tr><td><img src="http://i766.photobucket.com/albums/xx309/bi_luv_pe_pape/mod%20recent%20topic/footer10.jpg" alt="" /></td><td style="background: url(http://i766.photobucket.com/albums/xx309/bi_luv_pe_pape/mod%20recent%20topic/footer11.jpg) repeat-x top left" width="100%"> </td><td><img src="http://i766.photobucket.com/albums/xx309/bi_luv_pe_pape/mod%20recent%20topic/footer12.jpg" alt="" /></td></tr></table> </td></tr></table>
</div></div>
<script type='text/javascript'>
var gb = document.getElementById("gb");
gb.style.right = (75-gb.offsetWidth).toString() + "px";
</script>

[Bo Lùn™]

Có sáng tạo . Chục mừng bạn.

[baivong]

Chưa thử, nhưng code này mình đoán là dùng từ code1k, và sẽ lỗi trên IE, bản thân người viết cũng chưa hoàn thiện code.

[vietnam_tnd]

cũng hay hay thank for share!

[baivong]

Đã xem lại code lỗi trên mọi trình duyệt, ghét nhất mấy 4r hack

[Sponsored content]