Thêm icon STAFF cho bài viết của thành viên BQT

Sau đây mình xin hướng dẫn các bạn thêm icon STAFF cho bài viết của tất cả thành viên BQT trong Xenforo. Mục đích là để phân biệt được bài viết của member và các Mod, S.Mod, Admin. Quan trọng là đẹp nữa
Demo:

​

Vào template Extra.css chèn đoạn code sau vào cuối

Mã:

.message.staff .messageContent:before {
float: right;
content: "STAFF";
font-size: 16px;
font-family: 'Open Sans',sans-serif; padding: 5px 12px 5px 27px; background: url('styles/images/sao.png') no-repeat 2px 4px #D84A4A; border: 1px solid #C22D2D; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; color: white; text-shadow: 0 0 0 transparent, 0 1px 2px #751616; -webkit-box-shadow: 0px 1px 0px 0px #F56868 inset; -moz-box-shadow: 0px 1px 0px 0px #F56868 inset; -khtml-box-shadow: 0px 1px 0px 0px #F56868 inset; -webkit-box-shadow: 0px 1px 0px 0px #F56868 inset; -moz-box-shadow: 0px 1px 0px 0px #F56868 inset; -khtml-box-shadow: 0px 1px 0px 0px #F56868 inset; box-shadow: 0px 1px 0px 0px #F56868 inset; }

Chú ý đoạn code url('styles/sao.png') thay url file ngôi sao của bạn
tải ở file đính kèm hoặc chèn đoạn links này vào lun cũng đc
http://chomaytinh.info/styles/sao.png

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

Nguồn: tailieu24h.net​

 

nêu cách làm của bạn đi, nhở bạn làm thiếu