Tutorial 2x Postbit Cover - Thêm bìa cho Postbit XenForo 2

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
14,803
Được Like
11,095
Postbit Cover - Thêm bìa cho Postbit XenForo 2

Hướng dẫn này sẽ hướng dẫn cách cho phép các thành viên của bạn đặt ảnh bìa postbit sẽ hiển thị trong bài đăng/tin nhắn của họ.

Hướng dẫn
  1. Tạo một custom user field. Đến Admin CP > Users > Custom user fields
  2. Field ID: Có thể điền bất cứ thứ gì bạn muốn, ví dụ postbit_cover
  3. Title: Có thể điền bất cứ thứ gì bạn muốn, ví dụ Postbit Cover
  4. Description: URL của hình ảnh. Các loại hỗ trợ: PNG, JPG, GIF.
  5. Display location: Personal details
  6. Field type: Single-line text Box
  7. General option: User editable, Moderator editable
  8. Đến Admin CP > Appearance > Templates > message_macros
  9. Đến Admin CP > Appearance > Templates > extra.less
Chi tiết bước 8:
Tìm:
Mã:
<xf:macro name="user_info"
    arg-user="!"
    arg-fallbackName="">

Dán bên dưới:
Mã:
<xf:if is="{$user.Profile.custom_fields.postbit_cover}">
<div class="postbit_background" style="background-image: url({$user.Profile.custom_fields.FIELD_ID});"></div>
</xf:if>

Thay thế FIELD_ID bằng ID mà bạn đã sử dụng ở bước 2, tức là postbit_cover

Chi tiết bước 9:
Thêm đoạn code sau vào extra.less:
Less:
.postbit_background {
position: absolute;
height: 120px;
width: 170px;
opacity: .40;
}

Demo:

joyfreak-postbit.png

Chúc các bạn thành công.


Nguồn: xenforo.com​
 

imissziu

Thượng Đế
Tham gia
04/05/2015
Bài viết
91
Được Like
47
Sợ mấy ông dán link hình bị lỗi bảo mật http thường ảnh hưởng tới google không bác?
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS


Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Điện Lạnh Thịnh Phát
Top Bottom