Hướng dẫn thêm Background Image trên BKNS Website Builder

Cập nhật 17/10/2024
Hướng dẫn thêm Background Image trên BKNS Website Builder
Hướng dẫn thêm Background Image trên BKNS Website Builder

Tổng quan

Hướng dẫn này BKNS sẽ chỉ cho bạn cách thêm hiệu ứng Background Image. Ảnh nền có thể được cung cấp cho Rows, Columns và Inner Rows. Ảnh nền là hình ảnh sẽ được hiển thị phía sau nội dung của Hàng, Cột và Hàng bên trong.

Quy trình thêm Background Image

Trong ví dụ này, chúng tôi sẽ trình bày cách bạn đặt Ảnh nền cho một Hàng. Nhưng cũng áp dụng tương tự cho Hàng và Cột bên trong. Chỉ cần kéo một hàng hoặc chỉnh sửa một hàng hiện có. Sau đó, trong Tab Options, bạn sẽ tìm thấy Background Style. 

Chỉnh sửa một hàng hiện có
Chỉnh sửa một hàng hiện có

Ở đó, hãy chọn tùy chọn Image và tùy chọn Image Upload sẽ xuất hiện.

Trong Tab Options, bạn sẽ tìm thấy Background Style
Trong Tab Options, bạn sẽ tìm thấy Background Style

Tùy chọn

Chọn các tùy chọn
Chọn các tùy chọn
    • Attachment: Đặt loại đính kèm nền là Scroll hoặc Fixed. Mặc định được đặt là Scroll.
    • Position X: Đặt X Position của ảnh nền là Center, Left hoặc Right. Bạn cũng có thể đặt Custom X Position cho ảnh nền bằng cách chọn Custom type.
    • Position Y: Đặt Y Position của ảnh nền là Center, Top hoặc Bottom. Bạn cũng có thể đặt Custom Y Position cho ảnh nền bằng cách chọn Custom type.
    • Repeat: Chọn kiểu lặp lại của ảnh nền là Repeat, No-Repeat, Repeat-X, Repeat-Y.
    • Size: Chọn loại kích thước của ảnh nền là Cover hoặc Contain.

Tổng kết

Qua bài viết trên, BKNS hy vọng bạn đã biết cách thêm Background Image trên BKNS Website Builder. Đừng quên theo dõi BKNS và huongdanBKNS để không bỏ lỡ những bài viết hay và hữu ích tiếp theo nhé!

BÀI VIẾT LIÊN QUAN

Getting Started