当前位置 博文首页 > AJAX聊天室V1.0发布

    AJAX聊天室V1.0发布

    作者:admin 时间:2021-09-22 19:10

    插件名称: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目录下,后台进行安装.
    jsjbwy
    下一篇:没有了