Plug-in name: ChatRoom
Plug-in version: v1.0
Plug-in Author: Clear
The plug-in supports the BLOG version: PJBlog2 v2.5.0125
Version description:
Enables PJBlog2 to support real-time communication;
AJAX is refreshing and instant messaging is available on any page (HTML code is not supported );
Supports shortcut keys;
Shortcut Key for record of the previous dialog: Success
Enter the record shortcut for the next dialog: Success
Enter or Ctrl + Enter
Clear shortcut key: Ctrl + Delete;
Saves historical chat records;
Automatically focus on the sending message box;
Supports FireFox;
Installation Method:
Copy the following cssto the skin sample layout.css file.Copy codeThe Code is as follows:/* --- chat room style ---*/
# 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 {
}
/* Effect */
. 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;
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;
}
Download plug-ins
Download ChatRoom V1.0
Install it in the PJBLOG2 Plugins directory and install it in the background.