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

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
14,973
Được Like
11,315
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 đề:

1.png

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:

2.png

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:
Mã:
.userBanner.my-style
{
color: white;
background-color: green;
}

Sẽ cho kết quả:

3.png

Và nếu:
Mã:
.userBanner.my-style
{
color: white;
background-color: green;
border-color: green;
}

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

4.png

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​
 

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

XenForo 1 XenForo 2
Translate by PVS

Hỗ trợ trực tuyến

Support Quảng cáo
Mr. San (PVS)

Skype chat, instant message

Mr. Tuấn (Blue)

Skype chat, instant message

Mr. Tuấn
0988 488 096
Mr. Trọng
0906 081 284
kinhdoanh@vnxf.vn


Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Điện Lạnh Thịnh Phát
Top Bottom