Tabs

Tabs cho phép bạn tạo ra các chủ đề nội dung khác nhau trên cùng một vùng hiển thị. Bạn có thể chuyển chủ đề nội dung bằng cách nhấp chuột vào các tab khác nhau.

Tuỳ chỉnh nội dung tabs

Sau khi đã đưa được phần tử Tabs vào đúng vị trí trên website, bạn có thể nhập nội dung của các tab trong bảng tuỳ chỉnh nội dung sau khi click chuột vào mũi tên xổ xuống của tab nội dung cần chỉnh. Chi tiết các nội dung chỉnh sửa theo hình minh hoạ dưới đây

  • Thay đổi hình ảnh banner của nội dung tab

  • Thay đổi nhẵn tab

  • Thay đổi tiêu đề, nội dung chi tiết của tab

  • Thay đổi nút và liên kết

Các tab đều có cấu hình nội dung để thay đổi tương ứng khi click nút xổ xuống của các tab nọi dung khác như hình minh hoạ bên dưới.

Bạn cũng có thể xoá tab đang thao tác chỉnh sửa bằng nút xoá màu đỏ hoặc chuyển các tab với các nút bấm mũi tên

Tuỳ chỉnh thiết kế hiển thị của tab

Bạn chọn tab kiểu hiển thị để có thể tuỳ chỉnh thiết kế hiển thị phần tử tab theo ý mình theo hình minh hoạ bên duối:

  • Tuỳ chình nền: Thay đổi màu nền, có thể dùng màu gradient hoặc hình ảnh. Hệ thống cũng cho phép thay màu nền khi hover chuột. Ngoài ra, bạn cũng có thể dùng lớp phủ để làm nổi bật chữ nếu lựa chọn nền là hình ảnh. bảng tuỳ chỉnh này cũgn cho phép đổ bóng khối tab theo ý thích của bạn

  • Tuỳ chỉnh ảnh: Bạn có đầy đủ tính năng tuỳ chỉnh hình ảnh tương tự phần từ hình ảnh bao gồm đổ bóng, bo viền, khoảng cách hình, kiểu viền, ...

  • Tuỳ chỉnh tiêu đề, nội dung mô tả: Đầy đủ tính năng tuỳ chỉnh văn bản như màu chữ, cỡ chữ, khoảng cách, các hiệu ứng hover..

  • Tuỳ chỉnh nút: Thiết kế màu sắc, hình dáng, các hiệu ứng liên quan đến nút

  • Tuỳ chỉnh khoảng cách: Tuỳ chỉnh padđing và margin của toàn khối tabs so với các phần tử xung quanh nó.

Last updated