Tutorial 2x Online indicator - Thêm chỉ thị trực tuyến cho XenForo 2

[PVS]

Online indicator - Thêm chỉ thị trực tuyến cho XenForo 2

Đây là sửa đổi CSS rất đơn giản với chỉ thị trực tuyến mặc định của XF.

Vào template EXTRA.less, thêm đoạn code sau đây:

.message-avatar-wrapper .message-avatar-online {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 2px solid;
    border-left-color: #7fb90087;
    border-top-color: #7fb90087;
    border-right-color: #7fb90087;
    border-bottom-color: #7fb90087;
    border-radius: 3px;
    box-shadow: 0px 0px 10px 3px hsla(79, 99%, 36%, 0.16862745098039217)
}

Lưu lại là xong.

​

Chúc các bạn thành công.

Nguồn: xenforo.com​