📖 CẨM NANG HƯỚNG DẪN SỬ DỤNG AE888 POPUP STUDIO V10
🖼️ SƠ ĐỒ TRỰC QUAN: THANH CÔNG CỤ SÂN KHẤU PREVIEW & KÉO ĐỘ DÀI Chiều ngang cố định 323px
👁️ PREVIEW 323×427
↩️ ↪️ Hoàn tác ✏️ Sửa chữ ✋ Kéo vị trí 🔄 Reset 📸 Xuất PNG ⭐ Lưu ☑️ Khít
📐 Khung: 323 × 427 px
↕ Kéo chỉnh độ dài (180px – 750px)
↕ Kéo Chỉnh Chiều Dài Tự Do (180px – 750px)
• Cách 1: Nắm kéo trực tiếp thanh ══ ↕ Kéo chỉnh độ dài ══ ngay dưới đáy Popup trong khung Preview.
• Cách 2: Kéo thanh trượt ngang hoặc gõ số pixel bất kỳ (VD: 323 cho popup vuông, 427 cho hộp thư chuẩn). Chiều ngang luôn khóa chuẩn 323px.
✏️ Sửa Chữ Trực Tiếp Trên Popup
• Bấm nút ✏️ Sửa chữ (nút chuyển sang màu xanh ĐANG SỬA).
• Nhấp chuột thẳng vào bất kỳ tiêu đề, con số thưởng hay nút bấm nào trên Popup để gõ chữ mới. Code bên dưới sẽ tự động cập nhật theo từng phím gõ.
✋ Kéo Vị Trí & 🔄 Reset Mặc Định
• Bật nút ✋ Kéo vị trí để dùng chuột nắm kéo bất kỳ ô thông tin, nút bấm, sticker hay hiệu ứng VFX nào tới vị trí mong muốn.
• Bấm 🔄 Reset khi anh muốn đưa toàn bộ vị trí các khối về lại bố cục chuẩn ban đầu.
📸 Xuất PNG & ☑️ Tự Động Co Khít
• 📸 Xuất PNG: Chụp và tải khung Popup hiện tại thành file ảnh PNG độ phân giải cao.
• ☑️ Khít: Tự động cân chỉnh tỷ lệ nội dung bên trong khi anh thu ngắn chiều dài để không bao giờ bị che khuất nút bấm.
🎨 SƠ ĐỒ TRỰC QUAN: BẢNG MÀU, ĐỘ ĐẬM NHẠT & KHO 54 HIỆU ỨNG VFX Đóng/Mở Gọn Gàng
🎨 MÀU: 🌈 52 Màu ▼ 🎚️ Kéo Đậm/Nhạt ▼ ⚡ 54 VFX ▼
🎭 Sticker 🔗 Link
🌈 52 Màu (20 Màu Đơn + 32 Màu Pha Đôi)
• Bấm 🌈 52 Màu ▼ để mở bảng màu Hoàng Gia & Cyber 2026.
• Chỉ cần chạm 1 lần vào chấm màu bất kỳ, toàn bộ nền hộp, viền, chữ ánh kim và nút bấm sẽ chuyển sang tông màu mới ngay lập tức.
🎚️ Kéo Đậm/Nhạt & Độ Mảnh Viền
• Chỉnh trực tiếp 6 thông số: Độ đậm/sáng nền, Độ rực màu, Cường độ phát sáng (Glow), Độ mảnh viền khung (0.5px–2.5px), Độ đậm tiêu đề và Độ mảnh nội dung phụ.
⚡ 54 Hiệu Ứng VFX & 🪄 AI Độ Tinh Tế
• Chia làm 6 nhóm: Hạt & Mưa, Nút & Chữ, Vân & Khung, Widget FOMO, Tem & Nhãn, Ánh Sáng.
• Bấm vào hiệu ứng để bật/tắt. Có thể bật ✋ Kéo vị trí để di chuyển các tem, đồng hồ đếm ngược, mưa xu tới bất kỳ đâu.
🎭 Sticker 3D & 🔗 Thay Nhanh Link / Banner
• 🎭 Sticker: Gắn Cúp, Rương, Vương miện hoặc dán link ảnh PNG tách nền nổi 3D.
• 🔗 Link: Dán link ảnh Banner mới hoặc gán đường link trang đích riêng biệt cho từng nút bấm trên Popup.
💻 SƠ ĐỒ TRỰC QUAN: THANH CÔNG CỤ MÃ NGUỒN CHUẨN WEB CMS Chống lỗi vỡ giao diện 100%
💻 Mã nguồn
⏪ Gốc 📐 Chuẩn Khung ✨ Làm đẹp 🔍 Phóng to ⚡ 1 Dòng 📋 Sao chép
📐 Chuẩn Khung & Tự Thu Nhỏ Code Lớn
• Khi anh tải tệp hoặc dán code có kích thước lớn (ví dụ 646×855px, 600×800px), hệ thống tự động tính tỷ lệ thu về đúng chiều ngang 323px.
• Đồng thời tự gỡ các thuộc tính gây lỗi trên Web CMS như body/html toàn cục, position: fixed ở vỏ ngoài hay comment //.
⏪ Khôi Phục Code Gốc & ✨ Làm Đẹp
• ⏪ Gốc: Khôi phục ngay lập tức về 100% tệp code gốc ban đầu anh vừa tải lên nếu anh muốn làm lại từ đầu.
• ✨ Làm đẹp: Căn lề, sắp xếp lại các thẻ HTML/CSS gọn gàng, sạch sẽ.
⚡ Nén 1 Dòng & 📋 Sao Chép Dán CMS
• 📋 Sao chép: Chép toàn bộ mã nguồn tiêu chuẩn để dán vào hệ thống.
• ⚡ 1 Dòng: Nén toàn bộ HTML + CSS thành đúng 1 dòng duy nhất (đã lọc sạch comment gây lỗi) dành cho các khung nhập CMS không cho phép xuống dòng.
🔍 Phóng To Khung Code
• Bấm 🔍 Phóng to để mở rộng khung soạn thảo code lên toàn màn hình bên phải khi anh muốn kiểm tra hoặc chỉnh sửa sâu từng dòng CSS.
⭐ SƠ ĐỒ TRỰC QUAN: 3 LỚP BẢO VỆ TỦ MẪU VĨNH VIỄN (KHÔNG BAO GIỜ MẤT KHI F5) Lưu Cứng Vào Web
🔥 50 Bố Cục VIP ⭐ Tủ Đã Lưu (Vĩnh viễn) 📌 Lưu cứng vào Web (.html) 📤 Xuất file Tủ 📥 Nhập file Tủ
🛡️ Lớp 1 & 2: Tự Lưu Trình Duyệt (F5 Không Mất)
• Mỗi khi anh bấm ⭐ Lưu, mẫu popup được ghi đồng thời vào cả IndexedDB và LocalStorage của trình duyệt.
• Ngay cả mẫu anh đang sửa dở trong khung Preview cũng được tự động nhớ — khi anh bấm F5 tải lại trang, cả Tủ mẫu lẫn mẫu đang làm dở đều giữ nguyên 100%, chỉ mất khi anh bấm nút ✕ xóa.
📌 Lớp 3: Lưu Cứng Vào File Web (Đổi Máy Không Mất)
• Trong mục ⭐ Tủ Đã Lưu, bấm nút 📌 Lưu cứng vào Web (.html).
• Hệ thống sẽ đóng gói toàn bộ các mẫu trong Tủ của anh vào thẳng bên trong mã nguồn file index.html mới. Khi anh lấy file này up lên hosting/trang web, mở ở bất kỳ máy tính hay điện thoại nào Tủ mẫu cũng nằm sẵn ở đó mãi mãi!
🖼️ Dán Ảnh Mẫu (Ctrl+V) & Tải Tệp Code (📁)
• Ctrl+V dán ảnh: Chụp màn hình mẫu popup bất kỳ và bấm Ctrl+V vào khung chat, AI Vision sẽ đọc ảnh và dựng lại code 1:1.
• Tải tệp lỗi (📁): Tải code bị vỡ giao diện khi up lên web, gõ "Sửa lỗi code này để up lên web", AI sẽ giữ nguyên giao diện và sửa sạch lỗi CSS.
🔥 50 Bố Cục Độc Bản (Xoay Vòng 5 Bộ)
• Ở thanh bên trái, mục 🔥 50 Bố Cục VIP hiển thị 10 mẫu mỗi trang.
• Bấm nút 🔄 Làm Mới hoặc mũi tên ◀ ▶ để chuyển qua lại giữa 5 bộ (từ mẫu #1 đến mẫu #50).
⭐ Lưu Mẫu Popup Vào Tủ Cá Nhân
Popup Studio V10 (50 Bố Cục Tinh Tế & 54 VFX Kéo Thả)
● Sẵn sàng
Popup Studio V10 – 50 Bố Cục Tinh Tế & 54 Hiệu Ứng Kéo Thả
Đã nâng cấp toàn diện lên Phiên Bản V10 Masterpiece theo đúng yêu cầu của anh:
• 50 Bố Cục Tinh Tế Không Trùng Lặp: Hiển thị 10 bố cục/lượt ở cột trái, bấm nút 🔄 Làm Mới (hoặc ◀ ▶) để xoay vòng qua 5 bộ (từ #1 đến #50).
• 54 Hiệu Ứng VFX & Tem Nổi Kéo Thả Tùy Thích: Chia 6 Tab (mỗi tab 9 hiệu ứng). Khi bật ✋ Kéo vị trí, anh có thể nắm kéo cả các hiệu ứng, hạt, tem, đồng hồ, chữ chạy tới bất kỳ vị trí nào!
• 32 Màu Pha Đôi Trendy 2026 & Thanh Kéo Đậm Nhạt Đóng Gọn: Chuyển sắc Luxury Metallic mượt mà, ngăn kéo thanh trượt đóng gọn mặc định khi mới vào.
📲 Gõ Ngắn: "Tải App nhận 1.888K" AI tự hiểu và dựng khung Luxury Plaque: Tiêu đề in hoa đậm, bảng điều kiện chữ mảnh tinh tế, viền 1px sang trọng.
🏆 Gõ Ngắn: "Đua Top Casino 88.888K" AI tự chọn lưới Bento bất đối xứng: Cột Top 1 nổi bật, mô tả phụ thanh mảnh, ruy-băng vàng.
⚽ Gõ Ngắn: "Kèo Arsenal vs Liverpool" AI tự dựng khung Thể Thao vát góc 45°, thanh tỉ lệ cược và thông số phụ mảnh sắc nét.
🎰 Gõ Ngắn: "Nổ hũ Jackpot 888M" Khung LED hiển thị quỹ thưởng in đậm, 3 rương báu 3D và viền kim loại mảnh.
preview Ảnh đính kèm (AI Vision sẵn sàng)
📄 Tệp code
👑 Popup Studio V10 • 50 Bố Cục Độc Bản • 32 Màu Pha Đôi Trendy • 54 Hiệu Ứng VFX Kéo Thả Vị Trí.