Xem video hướng dẫn:
https://youtu.be/jFuFxTQlSQo?hd=1
Đầu tiên bạn cần 2 bộ ảnh để làm cấp bậc, 1 cho nam, 1 cho nữ.
Có thể tham khảo bộ ảnh sau
https://s1211.photobucket.com/albums/cc433/baivong/Rank_bv/
Bước 1 : Tạo cấp bậc
Quản lý người dùng - Quản lý cấp bậcClick vào Thêm cấp bậc mới, bạn điền như sau:
Tiêu đề cấp bậc : Link ảnh cấp bậc cho nam
Xác lập như cấp bậc đăc biệt : Không
Bài gửi ít nhất : Gõ vào số bài bạn muốn
Hình cấp bậc : Link ảnh cấp bậc cho nữ
Trong Quản lý người dùng - Profile: Trong mục giới tính phần Display chọn Messages, Display this field for users that are at least chọn Guests, tiếp theo bạn xóa hết link ảnh trong Image address.
Bước 2 Ẩn giới tính trong viewtopic_body
Display - Templates - viewtopic_body
Thêm vào ngay sau:
...bằng code này:
Thay đoạn:
...bằng:
Nguyên tắc là dùng ảnh cấp bậc Nữ làm nền, và đặt ảnh cấp bậc Nam lên trên, che khuất ảnh cấp bậc Nữ (vì thế 2 ảnh cấp bậc phải có kích thước bằng nhau). Sau đó ta dùng code để ẩn ảnh Nữ đi nếu xuất hiện giới tính Nam, như vậy sẽ hiển thị cấp bậc của Nam. Sau đây là cách làm.
Trong viewtopic_body, bạn cần xóa codes này :
Sau đó, chèn code này vào vị trí thích hợp:
... chỉnh thông số width và height theo kích thước ảnh cấp bậc của bạn.
Vì mỗi forum chỉnh sửa viewtopic_body khác nhau nên mình không hướng dẫn cụ thể được.
Demo
http://www.08sh.tk/t175-topic
Codes by baivong
https://youtu.be/jFuFxTQlSQo?hd=1
Đầu tiên bạn cần 2 bộ ảnh để làm cấp bậc, 1 cho nam, 1 cho nữ.
Có thể tham khảo bộ ảnh sau
https://s1211.photobucket.com/albums/cc433/baivong/Rank_bv/
Bước 1 : Tạo cấp bậc
Quản lý người dùng - Quản lý cấp bậcClick vào Thêm cấp bậc mới, bạn điền như sau:
Tiêu đề cấp bậc : Link ảnh cấp bậc cho nam
Xác lập như cấp bậc đăc biệt : Không
Bài gửi ít nhất : Gõ vào số bài bạn muốn
Hình cấp bậc : Link ảnh cấp bậc cho nữ
Trong Quản lý người dùng - Profile: Trong mục giới tính phần Display chọn Messages, Display this field for users that are at least chọn Guests, tiếp theo bạn xóa hết link ảnh trong Image address.
Bước 2 Ẩn giới tính trong viewtopic_body
Display - Templates - viewtopic_body
Thêm vào ngay sau:
- Code:
$(function(){
...bằng code này:
- Code:
$(".Nam").css('display','none');$(".profile_bv:contains('Nam')").css('display','none');$(".profile_bv:contains('Nữ')").css('display','none');
Thay đoạn:
- Code:
{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
...bằng:
- Code:
<span class="profile_bv">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</span>
Nguyên tắc là dùng ảnh cấp bậc Nữ làm nền, và đặt ảnh cấp bậc Nam lên trên, che khuất ảnh cấp bậc Nữ (vì thế 2 ảnh cấp bậc phải có kích thước bằng nhau). Sau đó ta dùng code để ẩn ảnh Nữ đi nếu xuất hiện giới tính Nam, như vậy sẽ hiển thị cấp bậc của Nam. Sau đây là cách làm.
Trong viewtopic_body, bạn cần xóa codes này :
- Code:
{postrow.displayed.POSTER_RANK}
- Code:
{postrow.displayed.RANK_IMAGE}
Sau đó, chèn code này vào vị trí thích hợp:
- Code:
<div style="background: url({postrow.displayed.POSTER_RANK}) ;height: 150px;width: 120px;border: 0px;">
<span class="{postrow.displayed.POSTER_GENDER}">
{postrow.displayed.RANK_IMAGE}</span></div>
... chỉnh thông số width và height theo kích thước ảnh cấp bậc của bạn.
Vì mỗi forum chỉnh sửa viewtopic_body khác nhau nên mình không hướng dẫn cụ thể được.
Demo
http://www.08sh.tk/t175-topic
Codes by baivong