CSS to add group titles and images to user postbits

Mình làm bài viết này vì mình làm theo cách của ku Hiệu (Tại đây) không được và có thể có một số bạn sẽ không thực hiện được cách trên.

Chúng ta sẽ dùng css tạo thuộc tính và dùng div class để gọi thuộc tính của nó và sau đó chèn vào vị trí cần hiển thị.

Demo

​

Bạn tạo thuộc tính cho nhóm user như sau:

Mã:

.custom-title-memb {
background:magenta url('link cấp bậc') no-repeat left top;
border: 1px solid @primaryDarker;
border-radius: 4px;
padding: 4px;
margin: 4px 0;
text-align: center;
color: white;
}
 
.sidebar .custom-title-memb {
margin-left: 43px;
max-width: 80px;
}

Chèn đoạn code này vào EXTRA.CSS hoặc chèn vào cuối message_user_info cũng được

Sau dó khai báo biến <div class="custom-title-memb">(Tên group)</div>

Xem hình




Tham khảo các bài viết cùng chủ đề:

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

----​

Bài viết có tham khảo thêm tại Xenforo.com​

Share cho các bạn bộ cập bậc để cập nhật !