AJAX聊天室V1.0發布

外掛程式名稱:ChatRoom
外掛程式版本:v1.0
外掛程式作者:Clear
外掛程式支援BLOG版本:PJBlog2 v2.5.0125

版本說明:
使PJBlog2支援使用者即時交流;
AJAX無重新整理,可在任何頁面內即時通訊(不支援HTML代碼);
支援快速鍵;
向前一條對話記錄 快速鍵:↑
向後一條對話記錄 快速鍵:↓
提交對話 快速鍵:Enter或Ctrl + Enter

清除 快速鍵:Ctrl + Delete;
儲存曆史聊天紀錄;
自動聚焦到發送訊息框;
支援FireFox;
安裝方法:
將以下CSS複製到你使用皮膚樣式layout.css檔案 複製代碼 代碼如下:/*---聊天室樣式---*/
#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;
}

下載外掛程式
下載ChatRoom V1.0
安裝到PJBLOG2 Plugins目錄下,後台進行安裝.