快捷導(dǎo)航

AJAX聊天室V1.0發(fā)布

更新時(shí)間：2006年09月22日 00:00:00 作者：

插件名稱:ChatRoom
插件版本:v1.0
插件作者:Clear
插件支持BLOG版本:PJBlog2 v2.5.0125

版本說(shuō)明:
使PJBlog2支持用戶即時(shí)交流;
AJAX無(wú)刷新,可在任何頁(yè)面內(nèi)即時(shí)通訊(不支持HTML代碼);
支持快捷鍵;
向前一條對(duì)話記錄快捷鍵:↑
向后一條對(duì)話記錄快捷鍵:↓
提交對(duì)話快捷鍵:Enter或Ctrl + Enter

清除快捷鍵:Ctrl + Delete;
保存歷史聊天紀(jì)錄;
自動(dòng)聚焦到發(fā)送消息框;
支持FireFox;
安裝方法:
將以下CSS復(fù)制到你使用皮膚樣式layout.css文件

復(fù)制代碼代碼如下:

/*---聊天室樣式---*/ 
#outmain{ 
    height: 200px; 
    font-size: 9pt; 
    overflow-y: auto; 
    overflow-x: hidden; 
    SCROLLBAR-ARROW-COLOR:#FF9900; 
    SCROLLBAR-FACE-COLOR:#FFF9E1; 
    SCROLLBAR-DARKSHADOW-COLOR:#FF9900; 
    SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF; 
    SCROLLBAR-3DLIGHT-COLOR:#FF9900; 
    SCROLLBAR-SHADOW-COLOR:#FFFFFF; 
    SCROLLBAR-TRACK-COLOR:#FFF9E1; 
    color: #036; 
} 
#chatmain{} 
#outs{ 
    padding: 3px; 
    background-color: #FFF9E1; 
    border: 1px solid #AAA; 
    clear: both; 
    word-wrap: break-word; 
    word-break: break-all; 
} 
.in{ 
    text-align: center; 
} 

.names{ 
    border: 1px solid #AAA; 
    background-color: #F2F2F2; 
    width: 95px; 
    margin-top: 5px; 
    font-size: 9pt; 
} 
#loadifo { 
} 
/*效果*/ 
.btns{ 
    border: 1px solid #AAA; 
} 
.inputs{ 
    font-size: 9pt; 
    background-image: url(../../Plugins/Chats/input.png); 
    background-repeat: no-repeat; 
    width: 143px; 
    line-height: 21px; 
    height: 21px; 
    padding: 0px; 
    border: 1px solid #AAA; 
    margin-top: 5px; 
    margin-right: 0px; 
    margin-bottom: 5px; 
    margin-left: 0px; 
} 
.leftarrow,.rightarrow{ 
    background-repeat: no-repeat; 
    background-position: center center; 
    cursor:pointer; 
    background-color: #FFF; 
    height: 16px; 
    width: 16px; 
    border-top-style: none; 
    border-right-style: none; 
    border-bottom-style: none; 
    border-left-style: none; 
} 
.leftarrow{ 
    background-image: url(../../Plugins/Chats/l1.gif); 
} 
.rightarrow{ 
    background-image: url(../../Plugins/Chats/r1.gif); 
} 
.msgs{ 
    color: #666; 
    line-height: 14px; 
}