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.
Chúc các bạn thành công!
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
Bài viết liên quan
Bài viết mới