Module Text Marquee – Tạo chuyển động sống động và ấn tượng cho website

Text Marquee là module giúp hiển thị nội dung theo dạng chữ chạy liên tục, mang đến hiệu ứng chuyển động trực quan và hiện đại cho website. Module phù hợp để tạo thanh thông báo, chương trình khuyến mãi, tin nổi bật, slogan, thông tin sản phẩm hoặc những nội dung cần thu hút sự chú ý của khách hàng.

Soạn nội dung trực tiếp với CKEditor

Trong Sidebar, Text Marquee được tích hợp trình soạn thảo CKEditor, giúp người dùng dễ dàng tạo và chỉnh sửa nội dung mà không cần viết code.

Người dùng có thể:

• Nhập và định dạng nội dung văn bản.

• Nhấn Enter để tạo các đoạn nội dung riêng biệt.

• Chèn icon vào nội dung.

• Chèn hình ảnh trực tiếp vào marquee.

• Định dạng chữ theo nhu cầu.

• Kết hợp nhiều loại nội dung trong cùng một marquee.

Mỗi đoạn văn bản được tạo trong Editor có thể trở thành một nội dung riêng biệt trong quá trình chạy marquee, giúp quản lý và trình bày nội dung trực quan hơn.

Tùy chỉnh hiệu ứng chạy dễ dàng

Text Marquee cung cấp nhiều tùy chỉnh trực tiếp trong Sidebar:

• Hướng chạy: trái sang phải hoặc phải sang trái.

• Tốc độ chạy: điều chỉnh tốc độ phù hợp với lượng nội dung.

• Khoảng cách giữa các đoạn: tạo khoảng cách và bố cục đẹp hơn.

• Tạm dừng khi di chuột: marquee tự động dừng khi người dùng đưa chuột vào nội dung.

• Độ cao: điều chỉnh chiều cao khu vực marquee.

• Màu chữ: thay đổi màu sắc nội dung.

• Màu nền: tạo màu nền phù hợp với thiết kế.

Các thiết lập có thể thay đổi nhanh chóng ngay trong Sidebar và xem kết quả trực tiếp trên giao diện.

Cài đặt Style – Tự do biến đổi giao diện

Không chỉ điều chỉnh nội dung và hiệu ứng chạy, Text Marquee còn cung cấp khu vực Style giúp người dùng tùy biến hình thức hiển thị của module một cách linh hoạt.

Người dùng có thể tạo những hiệu ứng thiết kế riêng mà không cần chỉnh sửa trực tiếp CSS.

Biến đổi module

Phần Transform cho phép thay đổi hình dạng và vị trí hiển thị của Text Marquee:

• Phóng to: tăng kích thước module.

• Thu nhỏ: giảm kích thước module.

• Xoay: tạo góc nghiêng cho module.

• Nghiêng: tạo hiệu ứng nghiêng theo chiều ngang hoặc dọc.

• Dịch chuyển: điều chỉnh vị trí module theo các trục X, Y.

• Scale: tăng hoặc giảm tỷ lệ hiển thị.

• Có thể kết hợp nhiều biến đổi để tạo hiệu ứng thiết kế độc đáo.

Nhờ đó, Text Marquee không chỉ đơn thuần là một thanh chữ chạy mà còn có thể trở thành một thành phần trang trí trong giao diện website.

Border – 7 phương án tạo đường viền

Text Marquee hỗ trợ 7 phương án thiết lập Border, giúp người dùng nhanh chóng tạo điểm nhấn cho khu vực marquee:

1. Border trên – chỉ tạo đường viền phía trên.

2. Border dưới – chỉ tạo đường viền phía dưới.

3. Border trái – chỉ tạo đường viền bên trái.

4. Border phải – chỉ tạo đường viền bên phải.

5. Border trên + dưới – tạo đường viền ở cả phía trên và phía dưới.

6. Border trái + phải – tạo đường viền ở hai bên trái và phải.

7. Border toàn khung – tạo đường viền bao quanh toàn bộ module.

Người dùng có thể tiếp tục tùy chỉnh:

• Độ dày Border

• Kiểu Border: solid, dashed, dotted...

• Màu Border

• Độ bo góc (Border Radius)

Ví dụ, có thể tạo một marquee dạng thanh thông báo với border trên và dưới, hoặc tạo một khung marquee hoàn chỉnh với border bo góc để làm nổi bật nội dung.

Tùy biến nhanh – Không cần viết CSS

Toàn bộ các thiết lập như Transform, Border, màu sắc, kích thước, độ cao và hiệu ứng đều được quản lý trực tiếp từ Sidebar.

Người dùng có thể thay đổi thiết kế theo thời gian thực và nhanh chóng tìm được giao diện phù hợp với website mà không cần có kiến thức chuyên sâu về CSS.

Sử dụng nhiều Text Marquee trên cùng một trang

Một ưu điểm của Text Marquee là có thể sử dụng nhiều module trên cùng một trang, trong đó mỗi module có cấu hình riêng.

Ví dụ:

• Marquee đầu trang hiển thị thông báo khuyến mãi.

• Marquee giữa trang hiển thị slogan thương hiệu.

• Marquee trong khu vực sản phẩm hiển thị thông tin nổi bật.

• Marquee cuối trang hiển thị tin tức hoặc thông báo mới.

Mỗi Text Marquee có thể thiết lập nội dung, tốc độ, hướng chạy, khoảng cách, màu sắc, border và style riêng, giúp từng khu vực trên website có thiết kế và hiệu ứng khác nhau.

Tạo website sinh động và ấn tượng

Text Marquee được xây dựng theo hướng trực quan, dễ sử dụng và linh hoạt, giúp người dùng dễ dàng tạo các khu vực nội dung chuyển động mà không cần tự viết CSS hoặc JavaScript.

Sự kết hợp giữa CKEditor + hiệu ứng Marquee + Style + Transform + Border giúp module có thể được sử dụng cho nhiều mục đích khác nhau, từ thanh thông báo đơn giản đến những khu vực trang trí nổi bật trong website.

Text Marquee – Đơn giản để sử dụng, mạnh mẽ để sáng tạo

Thêm nội dung → tùy chỉnh hiệu ứng → thiết lập Style → xem trực tiếp kết quả.

Với Text Marquee, người dùng có thể dễ dàng tạo ra những nội dung chuyển động sống động, chuyên nghiệp và mang dấu ấn riêng, góp phần làm cho website TAPATO trở nên hiện đại và thu hút hơn.