Diễn đàn share thủ thuật code hay shin

Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.
Diễn đàn share thủ thuật code hay shin

    Cấp bậc theo giới tính

    Việt-MaxF
    Việt-MaxF

    Quản Trị Viên
    Quản Trị Viên


    Posts : 57
    Points : 10000249
    Thanked : 7
    Join date : 02/02/2011
     Status Status : ™—♥•†—Ç iµ V … Før²rever—†•♥—™

    Cấp bậc theo giới tính  Empty Cấp bậc theo giới tính

    Bài gửi by Việt-MaxF Wed Feb 09, 2011 3:46 am



    Cấp bậc theo giới tính






    Đầu tiên bạn cần 2 bộ ảnh để làm cấp bậc, 1 cho nam, 1 cho nữ.

    thể tham khảo bộ ảnh sau: https://s1211.photobucket.com/albums/cc4
    ... g/Rank_bv/
    Cách làm
    Bước 1: Tạo cấp bậc
    Quản
    lý người dùng - Quản lý cấp bậc: Click 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ữ

    Cấp bậc theo giới tính  Hd1

    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.

    Cấp bậc theo giới tính  Hd2

    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:
    Cấp bậc theo giới tính      {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field

    Bước 3: Hiển thị cấp bậc
    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
    Code:
        {postrow.displayed.POSTER_RANK}
    ...và
    Code:
        {postrow.displayed.RANK_IMAGE}
    Sau đó, chèn code này vào vị trí thích hợp:
    Code:

        {postrow.displayed.RANK_IMAGE}
    ... 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
    Trong trang demo, mình sử dụng hình ảnh cấp bậc vào vị trí Avatar luôn (xóa code hiển thị Avatar), như thế thì khỏi sợ thành viên không đặt Avatar, đăng Avatar bậy bạ ^^!

      Hôm nay: Thu Mar 28, 2024 7:54 pm