Áp dụng CSS tạo kiểu đánh dấu chú ý / ghim chủ đề

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,830
Được Like
12,694
Vnxf.vn - Đây là một chỉnh sửa đơn giản để thay đổi css tạo kiểu đánh dấu chú ý.

Thêm vào EXTRA.css:

Mã:
.discussionListItem.visible.sticky,
.discussionListItem.visible.sticky .posterAvatar,
.discussionListItem.visible.sticky .stats {
background: @inlineMod;
font-style: italic;
}

Đoạn mã trên thay đổi màu nền của inline mod bảng màu và làm nghiêng font.
Chỉ cần thay đổi cho phù hợp với css.

Lưu ý rằng có một hình ảnh gradient áp dụng cho các avatar và khối stat vì vậy nếu bạn muốn gradient mà vẫn còn sử dụng nền màu thay vì nền.

sticky_threads.PNG

Để thay đổi màu sắc văn bản, sử dụng:

Mã:
.discussionListItem.visible.sticky .title a:link,
.discussionListItem.visible.sticky .title a:visited {
color: #CC0000;
}

Mã:
.discussionListItem.visible.sticky .lastPostInfo .username {
color: #CC0000;
}

Thay đổi #CC0000 cho phù hợp.
 
Sửa lần cuối bởi điều hành viên:
  • Like
Reactions: THB

susupham

Private
Tham gia
04/03/2016
Bài viết
34
Được Like
17
ad cho mình hỏi là làm sao ghim được bài đó ở một vị trí mà ko cho nó trôi xuống không vậy
 
  • Like
Reactions: THB

Jindo_Katori

FirstSergeant
Tham gia
01/03/2015
Bài viết
1,454
Được Like
1,193
Đúng là đang nghiên cứu cái này
Cảm ơn bác @PVS đã chia sẽ.
ad cho mình hỏi là làm sao ghim được bài đó ở một vị trí mà ko cho nó trôi xuống không vậy
Tích chọn thread rồi chọn "PIN" bạn nhé
 
V

vanphu113

Khách VNXF
Cài addon sticky thread sau đó lập top sẽ có 1 sick là sticky thread bạn nhé
 
  • Like
Reactions: THB

THB

Founder
Thành viên BQT
Tham gia
25/02/2015
Bài viết
6,647
Được Like
3,932
cái này hay à nha.
 

Jindo_Katori

FirstSergeant
Tham gia
01/03/2015
Bài viết
1,454
Được Like
1,193
Đã thử dùng, rất đẹp, nhưng bỏ luôn, tại khu vực tin VIP của mình ít thương mại (toàn nội quy) chúng nó thấy màu vàng là né hết luôn bandit~~
Nên để lẫn lẫn trong đám tin bình thường cho thỉnh thoảng click nhầm đọc nội quy chơi ]:)
 

nelson77

Gefreiter
Tham gia
29/07/2019
Bài viết
59
Được Like
13
Vnxf.vn - Đây là một chỉnh sửa đơn giản để thay đổi css tạo kiểu đánh dấu chú ý.

Thêm vào EXTRA.css:

Mã:
.discussionListItem.visible.sticky,
.discussionListItem.visible.sticky .posterAvatar,
.discussionListItem.visible.sticky .stats {
background: @inlineMod;
font-style: italic;
}

Đoạn mã trên thay đổi màu nền của inline mod bảng màu và làm nghiêng font.
Chỉ cần thay đổi cho phù hợp với css.

Lưu ý rằng có một hình ảnh gradient áp dụng cho các avatar và khối stat vì vậy nếu bạn muốn gradient mà vẫn còn sử dụng nền màu thay vì nền.

Để thay đổi màu sắc văn bản, sử dụng:

Mã:
.discussionListItem.visible.sticky .title a:link,
.discussionListItem.visible.sticky .title a:visited {
color: #CC0000;
}

Mã:
.discussionListItem.visible.sticky .lastPostInfo .username {
color: #CC0000;
}

Thay đổi #CC0000 cho phù hợp.
cái này xf2 thì làm sao bạn
 

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

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mobile: 0906081284

Zalo: 0988488096

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