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

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

    Share

    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

    Bài gửi by Việt-MaxF on 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: http://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ữ



    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:


    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ạ ^^!



    Em đẹp không?
    Spoiler:


      Hôm nay: Sat Dec 03, 2016 8:54 pm