Tutorial 2x Highlight and Separate Sticky Threads - Làm nổi bật và tách biệt chủ đề ghim cho XenForo 2

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,832
Được Like
12,694
Highlight and Separate Sticky Threads - Làm nổi bật và tách biệt chủ đề ghim cho XenForo 2

Chỉnh sửa css đơn giản (extra.less) để làm nổi bật và tách biệt các chủ đề ghim với chủ đề thường.

Tách biệt chủ đề ghim với chủ đề thường:

98482959639066a9cc06b6bd9ab8d730.png

Thêm đoạn code sau vào template extra.less:
Mã:
/* Border between sticky/normal threads */
.structItemContainer-group--sticky {
    border-bottom: 6px solid;
    color: xf-diminish(@xf-borderColor, 6%);
}

Đánh dấu theo kiểu tinh tế:

0df8b511298e69ad3d6f5cd8bec9595d.png

Thêm đoạn code sau vào template extra.less:
Mã:
.structItemContainer-group--sticky {
      background-color: @xf-paletteColor1;
}

.structItemContainer-group--sticky .structItem-title a:link,
.structItemContainer-group--sticky .structItem-title a:visited {
    color: @xf-paletteColor4;
}

Đánh dấu theo kiểu nổi bật:

5bcce4654621f80476d9251b428cd4be.png

Thêm đoạn code sau vào template extra.less:
Mã:
.structItemContainer-group--sticky {
      background-color: @xf-paletteAccent1;
}

.structItemContainer-group--sticky .structItem-title a:link,
.structItemContainer-group--sticky .structItem-title a:visited {
    color: @xf-paletteAccent3;
}

Bạn cũng có thể thiết lập bất kỳ màu sắc khác mà bạn thích.

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


Nguồn: xenforo.com​
 

thahtrung06

Moderator
Thành viên BQT
Tham gia
12/11/2019
Bài viết
1,110
Được Like
458
Đây là trên web của mình theo kiểu tinh tế:

noi-bat.jpg
Dựa theo CSS của ads và bổ sung thêm CSS nữa.
 

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

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mobile/Zalo: 0906081284

Telegram: anhanhxf

Chỉ nhận web nội dung lành mạnh

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Top Bottom