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

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
14,487
Được Like
10,729
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

Thượng Đế
Tham gia
12/11/2019
Bài viết
847
Được Like
366
Đâ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


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 Bottom