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

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,639
Được Like
12,671
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​
 

Top Bottom