Hướng dẫn đổi màu trạng thái online offline cho xenforo

[Admin]

Dán code sau vào template extra.css, sửa mã màu trạng thái ở phần background
Ví dụ các bạn muốn hiển thị online màu xanh, offline màu đỏ thì thay đổi mã màu ở phần background

.UserOnline
    {
        font-weight: bold;
        font-size: 10px;
        color: #ffffff;
        background: #66cc00;
        padding: 1px 5px;
        margin: -10px -5px 5px 5px;
        border: 1px solid #006600;
        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: #ffffff;
        background: #ff3333;
        padding: 1px 5px;
        margin: -10px -5px 5px 5px;
        border: 1px solid #993333;
        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;
    }
    .UserOnlineInvisible
    {
        font-weight: bold;
        font-size: 10px;
        color: #ffffff;
        background: #ff66ff;
        padding: 1px 5px;
        margin: -10px -5px 5px 5px;
        border: 1px solid #990066;
        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
        {
            background-color: #006600;
            border-top-right-radius: 3px;
            position: absolute;
            top: -4px;
            right: -1px;
            width: 5px;
            height: 4px;
        }
        .UserOffline span
        {
            background-color: #993333;
            border-top-right-radius: 3px;
            position: absolute;
            top: -4px;
            right: -1px;
            width: 5px;
            height: 4px;
        }
        .UserOnlineInvisible span
        {
            background-color: #990066;
            border-top-right-radius: 3px;
            position: absolute;
            top: -4px;
            right: -1px;
            width: 5px;
            height: 4px;
        }

Chúc các bạn thành công!
Bài viết chỉ đăng duy nhất tại tuoitreit.vn, mọi sao chép phải ghi nguồn và liên kết đến bài viết gốc.