- Tham gia
- 28/02/2015
- Bài viết
- 17,142
- Được Like
- 12,745
Display a notice in a specific thread - Hiển thị thông báo trong một chủ đề cụ thể XenForo 2
Ngoài ra, không có tiêu chí chủ đề cụ thể cho các thông báo.
Tuy nhiên, nó rất đơn giản để đạt được.
Bước 1
Tạo thông báo như sau:
Ở đây chúng ta đang sử dụng tên class CSS tùy chỉnh là
Bạn có thể đặt tên của mình bất cứ thứ gì bạn muốn nhưng hãy đảm bảo nó là duy nhất và không trùng với bất kỳ class nào khác và giống nhau ở cả hai địa điểm.
Bạn có thể bỏ qua
Bước 2
Tiếp theo, trong template extra.less thêm đoạn code sau:
Thay đổi
Đảm bảo rằng bạn giữ các mục nhập theo thứ tự đó và tên class
Áp dụng bất kỳ kiểu tùy chỉnh nào sau dòng
Vậy là xong.
Phương pháp tương tự có thể được sử dụng cho bất kỳ trang nào có khóa
Bạn có thể lấy khóa bằng trình kiểm tra trình duyệt (F12) và kiểm tra dòng <html ...>.
Chúc các bạn thành công.
Ngoài ra, không có tiêu chí chủ đề cụ thể cho các thông báo.
Tuy nhiên, nó rất đơn giản để đạt được.
Bước 1
Tạo thông báo như sau:
ctaThread3 trong div Message và trường Display styles: Other.Bạn có thể đặt tên của mình bất cứ thứ gì bạn muốn nhưng hãy đảm bảo nó là duy nhất và không trùng với bất kỳ class nào khác và giống nhau ở cả hai địa điểm.
Bạn có thể bỏ qua
notice--primary từ trường kiểu hiển thị nếu bạn muốn tùy chỉnh hoàn toàn hình thức của thông báo.Bước 2
Tiếp theo, trong template extra.less thêm đoạn code sau:
Less:
.ctaThread3
{
display: none;
}
[data-content-key="thread-3"]
{
.ctaThread3
{
display: block;
}
}Thay đổi
3 trong dòng [data-content-key="thread-3"] thành ID chủ đề thực tế.Đảm bảo rằng bạn giữ các mục nhập theo thứ tự đó và tên class
ctaThread3 khớp với những gì bạn đã sử dụng trong thông báo.Áp dụng bất kỳ kiểu tùy chỉnh nào sau dòng
display: block; theo yêu cầu, ví dụ:
Less:
[data-content-key="thread-3"]
{
.ctaThread3
{
display: block;
color: orange;
font-weight: 600;
}
}Vậy là xong.
Phương pháp tương tự có thể được sử dụng cho bất kỳ trang nào có khóa
[data -...] duy nhất, chẳng hạn như một diễn đàn cụ thể -- data-container-key="node-1" -- hoặc chuyên mục tài nguyên -- data-container-key="xfrmCategory-43".Bạn có thể lấy khóa bằng trình kiểm tra trình duyệt (F12) và kiểm tra dòng <html ...>.
Nguồn: xenforo.com
Bài viết liên quan
Bài viết mới
