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

[PVS]

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:

​

Thêm đoạn code sau vào template extra.less:

/* 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ế:

​

Thêm đoạn code sau vào template extra.less:

.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:

​

Thêm đoạn code sau vào template extra.less:

.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]

Đây là trên web của mình theo kiểu tinh tế:

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