[Code] Nền theo cấp bậc

avatar

vi0123998456456
126
12
Punbb
An toàn
Hỗ trợ viên

Bài viết :
56
Points :
126
Like :
12
Punbb
An toàn

Demo



Hướng dẫn

Bước 1.

Truy cập vào Quản lý người dùng & Quản lý nhóm -> Cấp Bậc -> Quản Lý Cấp Bậc -> Tại bảng Ranks chọn Thêm cấp bậc mới

Bước 2.

Tại bản Ranks, các bạn điền vào dòng Tiêu đề cấp bậc đoạn code:
Code:
<span class="staff-rank">TÊN CẤP BẬC</span>
Hãy sửa TÊN CẤP BẬC bằng tên cấp bậc mà bạn muốn tạo mới trong diễn đàn rồi chọn CHẤP NHẬN

Bước 3.

Truy cập vào Modules -> HTML & JAVASCRIPT -> Javascript codes management -> Create a new javascript -> Tại trang Add a Javascript Code điền theo thông tin dưới đây:
Title * : Nền theo cấp bậc
Placement : In all the pages
Javascript Code * :
Code:
$(function() {
  $('.post:has(.staff-rank)').addClass('staff-post');
});


Bước 4.

Truy cập vào Display -> Pictures and Colors -> Colors -> CSS Stylesheet -> tại bảng CSS thêm đoạn code sau vào cuối:
Code:
.post.staff-post {
  background-image:url(//i.imgur.com/Ad0cDIT.png);
  background-repeat:no-repeat;
  background-position:left bottom;
}
Sau đó click vào Submit là xong.
 Trả lời bài viết
avatar

Admin277
553
97
Punbb
Quản trị
Việt đẹp trai
Founder
Founder

Bài viết :
277
Points :
553
Like :
97
Punbb
Quản trị
Việt đẹp trai
Lần sau e cho thêm tiêu ngữ nhé :) code rất hay. áp dụng được vào nhiều thứ
 Trả lời bài viết
avatar

vi0123998456456
126
12
Punbb
An toàn
Hỗ trợ viên

Bài viết :
56
Points :
126
Like :
12
Punbb
An toàn
@Admin đã viết:Lần sau e cho thêm tiêu ngữ nhé :) code rất hay. áp dụng được vào nhiều thứ
vâng
 Trả lời bài viết

Sponsored content

 Trả lời bài viết
Điểm 4.6/5 dựa vào 87 đánh giá