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

  • vi01239984564
    1. [Code] Nền theo cấp bậc
    avatar MOD

    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.

  • Admin
    2. Re: [Code] Nền theo cấp bậc
    avatar ACP
    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
    @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

Thông tin tác giả
avatar
MOD
Bài viết :
78
Points :
172
Like :
16
Invision
An toàn
Xem lý lịch thành viên
Thông tin tác giả
avatar
ACP
Bài viết :
349
Points :
680
Like :
108
Punbb
Quản trị
Status :
test
Xem lý lịch thành viên http://hotrofm.forumvi.com
Thông tin tác giả
avatar
MOD
Bài viết :
78
Points :
172
Like :
16
Invision
An toàn
Xem lý lịch thành viên
Thông tin tác giả
Sponsored content
Bài viết liên quan
    Đang tải dữ liệu

Permissions in this forum:
Bạn không có quyền trả lời bài viết

<