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]

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.

.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";
}

​

Để 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​