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

[PVS]

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

.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​

 

[chosonvn]

Hay quá supermod ơi, mình đang nghiên cứu XENFORO cảm ơn bác !

 

[kamchatka]

sao mình làm nó ko hiện ta

 

[PVS]

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

 

[kamchatka]

không phải thiếu bác ơi , chắc do mình chuyển sang bài viết nằm ngang ấy , mình test thử trên mặc định thì okie , wan dzo extra hay thread view đều đc . thôi vậy