Hướng dẫn Creating custom user group banner CSS - Tạo banner CSS tùy chỉnh cho user group

[PVS]

Creating custom user group banner CSS - Tạo banner CSS tùy chỉnh cho user group

Hướng dẫn này sẽ giải thích làm thế nào để tạo CSS tùy chỉnh của riêng bạn cho user banner.

Cung cấp cho các banner một tiêu đề:

​

Chọn một class name cho class tùy chỉnh của bạn, trong ví dụ này sử dụng my-style.
Thêm nó vào lĩnh vực CSS tùy chỉnh cho user group, như sau:

​

Nếu bạn muốn banner quấn quanh block message user info thì bạn phải sử dụng class userBanner, như trình bày ở trên.

Lưu ý rằng không có "." trước class name và chúng được phân cách bởi một dấu cách.

Sau đó, thêm class và code của bạn vào template EXTRA.css.
Bạn có thể tạo kiểu cách bạn muốn, ví dụ như code sau:

.userBanner.my-style
{
color: white;
background-color: green;
}

Sẽ cho kết quả:

​

Và nếu:

.userBanner.my-style
{
color: white;
background-color: green;
border-color: green;
}

Thì sẽ có kết quả:

​

Nếu bạn không muốn có hiệu ứng wrap, chỉ cần không bao gồm class userBanner trong lĩnh vực tùy chỉnh CSS và EXTRA.css.

Chúc các bạn thành công.

Nguồn: xenforo.rocks​