[Thông báo] Chuyển diễn đàn


Diễn đàn về free Code sẽ chuyển sang ICT2.net







You are not connected. Please login or register

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

1code Cấp bậc theo giới tính on 24/4/2012, 4:26 pm

Founder

avatar
Admin
Admin
Loading
Đầ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:
Code:
http://s1211.photobucket.com/albums/cc433/baivong/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, 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>

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:
<td style="background: url({postrow.displayed.POSTER_RANK}) ;height: 150px;width: 120px;border: 0px;">
<span class="{postrow.displayed.POSTER_GENDER}">
{postrow.displayed.RANK_IMAGE}</span></td>
... 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:
Code:
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ạ

Viết bởi baivong - baivong.com

Nguồn: http://diendan.chinhphuc.info

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

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