Đổi màu trạng thái online offline cho Xenforo

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,728
Được Like
12,680
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.
Mã:
.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!


Nguồn: tuoitreit.vn​
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mr. Tuấn

Mobile/Zalo: 0988 488 096

Telegram: bluekpro

Email: [email protected]

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Top Bottom