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

[PVS]

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:

<xf:macro name="user_info"
    arg-user="!"
    arg-fallbackName="">

Dán bên dưới:

<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:

.postbit_background {
position: absolute;
height: 120px;
width: 170px;
opacity: .40;
}

Demo:

​

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

Nguồn: xenforo.com​

 

[imissziu]

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?