1. XenForo 1.5.14 中文版——支持中文搜索!现已发布!查看详情
  2. Xenforo 爱好者讨论群:215909318 XenForo专区

插件 在线状态Online Status Indicator within Threads简体中文版

本帖由 admin2012-02-24 发布。版面名称:XenForo中文版

  1. admin

    admin 管理员 管理成员

    注册:
    2011-11-01
    帖子:
    3,671
    赞:
    2,425

    附件文件:

    已获得 hagcse 的点赞。
  2. admin

    admin 管理员 管理成员

    注册:
    2011-11-01
    帖子:
    3,671
    赞:
    2,425
    在线状态分不同颜色显示,演示如下:
    1.png
    在Extra.css最下面加入
    HTML:
    /*  online */
        .UserOnline,.UserOnlineInvisible
        {
            font-weight: bold;
            font-size: 10px;
            color: @contentBackground;
            background: @primaryLight url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
            padding: 1px 5px;
            margin: -5px -5px 5px 5px;
            border: 1px solid @primaryLight;
            border-radius: 3px;
            border-top-right-radius: 0px;
            display: block;
            float: right;
            position: relative;
            box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);
     
            margin-left: -{xen:calc '@content.padding-right + 5'}px;
        }
        .UserOffline
        {
            font-weight: bold;
            font-size: 10px;
            color: @contentBackground;
            background: #BBBBBB url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
            padding: 1px 5px;
            margin: -5px -5px 5px 5px;
            border: 1px solid #BBBBBB;
            border-radius: 3px;
            border-top-right-radius: 0px;
            display: block;
            float: right;
            position: relative;
            box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);
     
            margin-left: -{xen:calc '@content.padding-right + 5'}px;
        }
            .UserOnline span,.UserOnlineInvisible span
            {
                background-color: @primaryLight;
                border-top-right-radius: 3px;
                position: absolute;
                top: -4px;
                right: -1px;
                width: 5px;
                height: 4px;
            }
            .UserOffline span
            {
                background-color: #BBBBBB;
                border-top-right-radius: 3px;
                position: absolute;
                top: -4px;
                right: -1px;
                width: 5px;
                height: 4px;
            }
    把message_user_online模板内容替换为
    HTML:
    <span class="{$userStatus.class}"><span></span>{$userStatus.text}</span>
    更多效果参考:http://xenforo.com/community/threads/show-user-is-online.8236/page-12
     
正在加载...