Diễn Đàn Hỗ Trợ FM

Diễn Đàn Hỗ Trợ FM


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

vi01239984564
vi01239984564
MOD
Bài viết : 82
Points : 176
Like : 16
Invision
An toàn

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

Bài gửi by vi01239984564 18.01.18 13:04

Demo

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

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.
Admin
Admin
ACP
ACP
Bài viết : 405
Points : 783
Like : 115
Punbb
Quản trị
Status : test

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

Bài gửi by Admin 18.01.18 13:47

Lần sau e cho thêm tiêu ngữ nhé :) code rất hay. áp dụng được vào nhiều thứ


--Chữ ký--
www.danganhviet.com


  • - Tránh đặt tiêu đề các dạng như: Giúp em với, Code này hay nè, Vào xem nè anh em,...
    - Đăng bài phải có ảnh demo hoặc viết mô tả rõ ràng, code phải bỏ vào khung code
    - Không comment vô nghĩa, không spam, không chữi tục, không post link độc hại, không hide bài viết
    - Hạn chế viết tắt, viết chữ màu, chữ to, chữ in đậm
vi01239984564
vi01239984564
MOD
Bài viết : 82
Points : 176
Like : 16
Invision
An toàn

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

Bài gửi by vi01239984564 18.01.18 22:02

@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

Sponsored content

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

Bài gửi by Sponsored content