Demo
![[Code] Nền theo cấp bậc Webpag10](https://2img.net/h/www.viup.ga/users/3515/15/69/33/album/webpag10.jpg)
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ớiBướ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.
