Tag icon by @username cực đẹp cho xenforo

[PVS]

Hôm nay, mình hướng dẫn các bạn thay @username thành icon khá đẹp cho Xenforo một cách đơn giản.

B1. Vào Extra.css
B2. Thêm đoạn css này vào dưới cùng

.message .messageText .username:before {
color: rgb(180, 180, 180);
content: "\e7d0"!important;
display: inline-block;
font-family: icomoon;
padding-right: 2px;
}

Vậy là xong rồi.

Lưu ý: Để hiện được icon như demo mình đang sử dụng icon font. Vậy để làm sao sử dụng được các bạn tiếp tục vào Extra.css thêm vào đoạn này:

@font-face{font-family:icomoon;font-style:normal;font-weight:400;src:url(../styles/default/xenforo/fonts/icomoon.eot?#iefix) format(embedded-opentype),url(../styles/default/xenforo/fonts/icomoon.woff) format(woff),url(../styles/default/xenforo/fonts/icomoon.ttf) format(truetype),url(../styles/default/xenforo/fonts/icomoon.svg#icomoon) format(svg)}

Tải file đính kèm, upload font đúng theo đường dẫn trên.

Tuy nhiên khi làm như trên các bạn vẫn thấy chữ @ ở đằng trước user để vô hiệu chữ @ các bạn vào admin.php -> Home ->Options -> User Alerts -> Keep @ character with user tagging (bỏ dấu check đi nếu không muốn hiện)

Nguồn: muaban47.net​