Chống chỉ định với IE6
- Code:
-
<table
style="position: fixed; bottom: 50px; right: 0px;background-color: #FFF
;z-index:10000;
-moz-border-radius-bottomleft:25px;-moz-border-radius-topleft:25px;border-top:
3px #781A0C solid;border-left: 1px #781A0C solid;border-bottom: 3px
#781A0C solid;color: #781A0C;padding-right: 5px;"><tr><td
style="vertical-align: bottom;"><img
src="http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/ope.png"
onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/ope.png')?'block':'none';this.src=(this.src=='http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/ope.png')?'http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/clo.png':'http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/ope.png';"/></td><td><iframe
id="chatboxpop" src="/chatbox/chatbox.forum" scrolling="no"
style="width: 700px; height: 400px; display: none;" marginwidth="0"
marginheight="0"
frameborder="0"></iframe></td></tr></table>
Tùy biến :
- bottom: 50px; : vị trí nút ẩn hiện.
- background-color: #FFF : màu nền
- border-top: 3px #781A0C solid;border-left: 1px #781A0C solid;border-bottom: 3px #781A0C solid; : màu viền
- -moz-border-radius-bottomleft:25px;-moz-border-radius-topleft:25px; : bo tròn viền (chỉ tác dụng trong firefox)
- width: 700px; height: 400px; : chiều rộng và chiều cao Chatbox
- src=/chatbox/chatbox.forum : link đến trang chatbox, nếu sử dụng chatbox tự đăng nhập thì thay bằng link html