Tutorial 2x Node Unread status under node icon - Trạng thái Node chưa đọc dưới biểu tượng Node cho XenForo 2

PVS

Generalissimo
Thành viên BQT
Node Unread status under node icon - Trạng thái Node chưa đọc dưới biểu tượng Node cho XenForo 2

Với css này, bạn có thể thêm label "NEW" bên dưới biểu tượng diễn đàn chưa đọc
Chỉ cần thêm CSS vào tệp extra.less của bạn trong trình chỉnh sửa Template.
Mã:
.node--unread .node-icon i:after, .node--unread .no-icon i:after {
    font-family: inherit;
    font-size: 13px;
    font-style: initial;
    font-weight: bold;
    line-height: 18px;
    float: right;
    color: #fff;
    background-color: #8BC34A;
    padding: 0px 7px;
    left: 3px;
    margin-top: -6px;
    position: relative;
    border-radius: 2px;
    text-transform: uppercase;
    content: "New";
}

1531937842975.png

Để thay đổi màu nền label thay #8BC34A bằng bất kỳ mã màu tùy ý.

Để điều chỉnh vị trí của nó thay đổi giá trị của = left: 3px; và margin-top: -6px; theo nhu cầu của bạn.

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

Nguồn: xenforo.com​
 

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

XenForo 1 XenForo 2
Translate by PVS

Hỗ trợ trực tuyến

Support Quảng cáo
Mr. San (PVS)

Skype chat, instant message

Mr. Tuấn (Blue)

Skype chat, instant message

Mr. Tuấn
0988 488 096
Mr. Trọng
0906 081 284
kinhdoanh@vnxf.vn

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Điện Lạnh Thịnh Phát
Top