[CSS]Tạo câu thông báo cho chatbox

[CPFounder]

Viết bởi HuyLord

Code:

/* Chatbox */
body.chatbox {
   min-width: 550px !important;
   background-image: none;
   padding: 0;
   margin: 0;
   background-color: #fffffff;
   background-image: url(http://img210.imageshack.us/img210/6485/back02af1.gif);
   }
#chatbox_members {
   position: absolute;
   top: 35px;
   overflow: hidden;
        height: 30px;
   border-right: 0px solid ;
   }
#chatbox {
   position: absolute;
   top: 60px;
   left: 0px;
   right: 0;
   bottom: 30px;
   overflow: auto;
   line-height: 10px;
   }
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {
   font-size: 12px;
   }
#chatbox_members .member-title {
   text-align: right;
   padding: 0em 0em;
        height:30px;
        background-image: url([b]http://i292.photobucket.com/albums/mm30/huylordno1/spam7898569732-iaza.gif[/b]);
   background-position: bottom left;
   background-repeat: no-repeat;
   font-size: 0px;
   background-color: transparent;
   color : transparent;
        width: 800px;
   }
#chatbox_members ul {
        list-style-image: url(http://relazy.net/up/files/10/bt.gif);
    margin: 0 0 0 0px;
        height:0px;
   overflow: hidden;
   }
#chatbox_members ul li {
padding-left: 0;
   margin-left: 20px;
   }
#chatbox_footer {
   position: absolute;
   bottom: 0;


   left: 0;
   right: 0;
   background-color: #CCCCCF;
   height: 30px;
   }
#chatbox_footer table.text-styles {

   float: right;
   }
#chatbox_footer .text-field {
   float: left;
   }
#chatbox_footer .chatfootertable {
   margin: 0px;
   background-color: #E1E1E2;
   }
#chatbox_header {
   height: 30px;
   background-color: #70a5cc;
   background-image: url(http://i292.photobucket.com/albums/mm30/huylordno1/spam7898569732-iaza.gif);
   background-position: bottom right;
   background-repeat: no-repeat;
   }
#chatbox p {
   line-height: 1.2em;
   }
.chatbox_row_1 {
   padding: 4px;
   background:transparent;
   }
.chatbox_row_2 {
   padding: 4px;
   background:transparent;
   }
.chatbox_row_3 {
   padding: 4px;
   background:transparent;
   }
.memberlist_row_1 {
   padding: 2px 2px 2px 10px;
   background-color: #efefef;
   }
#message,#submit_button{
   border-width: 1px;
   }
.fontbutton {
   padding: 1px;
   cursor: pointer;
   text-align: left;
   }
.fontbutton_normal {
   background: #E1E1E2;
   }
.fontbutton_selected {
   background: #BBC7CE;
   border: 1px solid #22229C;

   }
.fontbutton_clicked {
   background: #959595;
   border: 1px solid #22229C;
   }
.fontbutton_hover {
   background: #E1E1E2;
   border: 1px solid #22229C;
   }
#chatbox .user {
   font-weight: bold;
   }

/* Edit did */
div#chatbox {
   color: #000000;
   }
#chatbox_contextmenu {
    background-color: #d1d7dc;
    border:1px solid #aaa;
   }
#chatbox_contextmenu p {
   margin:0;
    padding: 1px 4px;
   font-family: verdana, arial, sans-serif;
   background: #;
   border-bottom:1px solid #777;
    }
#chatbox_contextmenu p.hover {
    background: #;
    }
#chatbox_contextmenu p.close {
   background: #ddd;
    padding: 1px;
    font-size: 70%;
    color:#fff;
    background: url('');
    }
#chatbox_contextmenu p.close img {
    vertical-align: middle;
    }
#chatbox_contextmenu a {
    color: #;
    text-decoration: none;
    font-size: 70%;
   }
#chatbox_contextmenu a:hover {
    color: #;
    }
.fontbutton{
   border:0;
   }

/* End Edit did */

/*Internet Explorer fixers and hacks for Chatbox *
/* html #chatbox-members {
   
/* IE expressions helping IE work in Standards mode */
height:
expression(( document.documentElement.clientHeight ?
document.documentElement.clientHeight : document.body.clientHeight) - (
(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) +
(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) +
(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) +
"px");
   }
* html #chatbox {
   
/* IE expressions helping IE work in Standards mode */
height:
expression(( document.documentElement.clientHeight ?
document.documentElement.clientHeight : document.body.clientHeight) - (
(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) +
(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) +
(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) +
"px");
 width: expression(( document.documentElement.clientWidth ?
document.documentElement.clientWidth : document.body.clientWidth) - (
(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) +
(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) +
(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) )
+ "px");
   }
* html #chatbox-footer {
   
/* IE expressions helping IE work in Standards mode */
width:
expression(( document.documentElement.clientWidth ?
document.documentElement.clientWidth : document.body.clientWidth) - (
(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) +
(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) +
(parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) +
"px");
   }

Demo :

[kupj_kool]

sao ko có noicetic??

[Bỏ.Rơi[...]]

ko hiện notice
nhưng chatbox khá tốt

[Vũ Sâu Kiu]

xong viết câu thông báo ở đâu

[Sấm]

Giờ chatbox mấy cái này đơn giản rồi. Notice trên thanh bar, phía dưới kèm mấy cái chú ý như sinh nhật... củng khá hay

[Sponsored content]