Trung tâm trợ giúp iWeb Tất Thành
Quý khách cần tìm kiếm điều gì?
Tìm kiếm...

Cài đặt hiệu ứng cho các khối tại trang chủ website khi cuộn trang

Với iWeb bạn có thể giúp website trở nên sinh động hơn bằng cách thêm các hiệu ứng xuất hiện cho các khối ở trang chủ khi cuộn trang tới đâu thì có hiệu ứng tới đó.

Quản Trị Viên
Viên QT
17:34 09/11/20 trong Viết nội dung tin tức
17:34 09/11/20 195 lượt xem
Mục lục
Với iWeb bạn có thể giúp website trở nên sinh động hơn bằng cách thêm các hiệu ứng xuất hiện cho các khối ở trang chủ khi cuộn trang tới đâu thì có hiệu ứng tới đó.
Tuy nhiên bạn cũng lưu ý, càng nhiều hiệu ứng thì trình duyệt cần nhiều tài nguyên hơn để thể hiện nên có thể khiến trải nghiệm không được mượt mà trên một số máy tính có cấu hình yếu. Bạn nên cân nhắc thêm số lượng hiệu ứng vừa đủ để web sinh động hơn mà vẫn mượt mà.

Các bước cài đặt thêm hiệu ứng trang chủ

Bước 1: thêm đường dẫn tới tệp stylesheet và javascript khởi tạo hiệu ứng lần đầu.

Cài đặt chung => Chèn mã theo dõi => Mã gắn vào cuối thẻ body ==> bạn thêm đoạn mã như sau vào khu vực này
Gắn mã vào khối thẻ cuối body để khởi tạo hiệu ứng

Đoạn mã cần gắn:
https://iweb.tatthanh.com.vn/Themes/Admin/Assets/css/animate.css-main/MaGanVaoCuoiTheBodyDeKhoiTaoHieuUng-iWeb.txt
 

Bước 2: thêm hiệu ứng cho các khối ở trang chủ

Cài đặt giao diện => Trang chủ website => Tại mỗi khối cần thêm hiệu ứng bạn chỉ cần điền thên class vào khối bao bên ngoài.
Để có hiệu ứng thì khối đó cần được nằm trong một khối nền (khối bao ngoài) như thế này
 
Thêm class theo tên hiệu ứng mong muốn vào khối bao ngoài

Quy tắc đặt tên của class xác định hiệu ứng:
 
Tên class gồm 2 phần, phần nền cam thay đổi theo tên hiệu ứng mong muốn

Phần nền vàng (chữa wait_a_) là phần mặc định luôn có
Phần nền cam (ví dụ chữ zoomIn) là tên hiệu ứng. Bạn có thể chọn rất nhiều hiệu ứng như: bounce, flash, fadeIn, flip, slideInLeft...(lưu ý viết hoặc copy đúng tên hiệu ứng cả chữ hoa, chữ thường)
Bạn có thể xem thử các hiệu ứng trên trang mẫu này: https://animate.style/
Thử và copy tên hiệu ứng từ đây

Chúc bạn thành công!
Cài đặt hiệu ứng cho các khối tại trang chủ website khi cuộn trang

Với iWeb bạn có thể giúp website trở nên sinh động hơn bằng cách thêm các hiệu ứng xuất hiện cho các khối ở trang chủ khi cuộn trang tới đâu thì có hiệu ứng tới đó.

17:34 09/11/20 196 lượt xem
Chèn icon FontAwesome vào bài viết

Bạn có thể chèn các icon từ bộ font nổi tiếng FontAwesome để bài viết sinh động hơn, hấp dẫn khách hàng hơn

17:13 08/10/20 397 lượt xem
Thêm tài khoản cộng tác viên đăng bài, phân quyền duyệt tin tức

Hệ thống cho phép bạn thêm tài khoản cộng tác viên, họ chỉ đăng và xem được các bài của họ. Các bài viết của cộng tác viên cần được bạn phê duyệt mới hiển thị lên website

18:05 07/10/20 146 lượt xem
Đăng ảnh vào bài viết

Để thực hiện các thao tác liên quan tới ảnh một cách dễ dàng, như đăng ảnh, chỉnh kích thước, căn lề, thêm chú thích

10:26 29/09/20 388 lượt xem
Hiển thị các danh mục bài viết liên quan ở cuối chi tiết bài viết

Để người đọc không rời mắt khỏi website của bạn, để thỏa mãn nhu cầu đọc, đọc nữa, đọc mãi của người đọc

17:11 21/09/20 222 lượt xem
Hotline
0902.234.481
Zalo
0902.234.481
Viber
0902.234.481
Youtube
https://www.youtube.com/channel/UCSJnQS2GEQAjJPZm4g8Pupw
Twitter
Facebook
http://facebook.com/tatthanh.com.vn
Facebook
http://facebook.com/tatthanh.com.vn
Instagram