Tutorial 2x Prefix - Tùy chỉnh làm đẹp cho prefix của XenForo 2

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
15,246
Được Like
11,670
Prefix - Tùy chỉnh làm đẹp cho prefix của XenForo 2

Trước tiên, hãy thêm đoạn code sau vào template Extra.less:
Mã:
/* Prefix codes */
[class*='trgamersonek_']{font-family:'Exo';border-left: 3px solid rgba(0, 0, 0, 0.2);margin-top: 3px;text-align: center;height: 20px;line-height: 15px;position: relative;max-width: 180px;padding: 2px 33px 2px 27px;user-select: none;color: #FFFFFF;font-size: 11px;font-weight: normal;-webkit-clip-path: polygon(20% 1%, 90% 0, 80% 100%, 10% 100%);clip-path: polygon(20% 1%, 90% 0, 80% 100%, 10% 100%);}
[class*='trgamersonek_']:before{font-family:"FontAwesome";margin-right:3px;font-size:11px;padding:0}
.trgamersonek_duyuru{background: rgb(237, 0, 0);border-color: #8e0909;box-shadow: 0 0 15px #8e0909, inset 0 0 20px white;}
.trgamersonek_duyuru:before{content:"\f0a1"}
.trgamersonek_bilgi{background: rgb(71, 167, 235);border-color: #8e0909;box-shadow: 0 0 15px #8e0909, inset 0 0 20px white;}
.trgamersonek_bilgi:before{content:"\f129"}

Tiếp theo, chọn 1 trong các code sau để thêm vào field thread prefixes (Other, using custom CSS class name):
  • trgamersonek_duyuru
  • trgamersonek_bilgi
Bạn cũng có thể tự tùy chỉnh thêm nếu muốn.

Screenshot_2.png

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


Nguồn: xenforo.com​
 

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