Á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,728
Được Like
12,680
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,462
Được Like
1,205
Đú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,650
Được Like
3,939
cái này hay à nha.
 

Jindo_Katori

FirstSergeant
Tham gia
01/03/2015
Bài viết
1,462
Được Like
1,205
Đã 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

Mr. Tuấn

Mobile/Zalo: 0988 488 096

Telegram: bluekpro

Email: [email protected]

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Top Bottom