- Các bạn hãy chuyển qua trang này trên địa chỉ gamevn24h.net để xem đc nội dung mới nhất, một số game đã đc fix lại. - QC: Wap đọc truyện online, chia sẻ thủ thuật
Hướng dẫn làm wap xtgem
Để có thể hiểu đc những bài viết này các bạn cần có chút kiến thức và kinh nghiệm trong việc xây dựng wap trên xtgem nhé.
Chap1, các file auto include
Xtgem hỗ trợ sẵn 3 file tự động đồng bộ với tất cả các file khác. Cái này rất phổ thông hầu như ai cũng biết nhưng mình nói qua cho những ai chưa biết và vì nó sẽ phải áp dụng nhiều.
_header bạn chỉ cần tạo một filehtml với tên là _header tất cả nội dung của file này sẽ xuất hiện trên đầu các file khác.
_footer tương tự _header và nó hiển thị ở cuối tất cả file khác
Nếu bạn muốn vô hiệu hóa _header hoặc _footer ở một file bất kỳ bạn vào => Tùy chọn => bỏ tích ở 2 ô "Include "/_..." file in page"
_headtags file này phải ở dạng txt, bạn phải mở nó ra ở Trình soạn thảo văn bản xóa hết nội dung mặc định của nó đi rùi chèn code của bạn vào. Nội dung của file này sẽ xuất hiện ởgiữa <head></head> tất cả các file. Đây là phần ko hiển thị, nên các bạn chỉ nên chèn các thẻ <META>, CSS hoặc script,... Chap2, Auto chuyển đổi giao diện wap/web khi truy cập từ Mobile hoặc PC
Xtgem hỗ trợ tự động phát hiệnkhách truy cập đang dùng thiết bị gì
Code: <xt:get_device_template />
Có 3 trường hợp:
- mobile : Nếu người dùng sử dụng điện thoại hoặc các thiết bị cầm tay thông thường
- web : Người dùng truy cập từ PC
- touch : Người dùng sử dụng các dòng máy đời rất cao Iphone, Galaxy hoặc Ipad
Qua đó chúng ta có thể tạo ra code thay đổi giao diện phù hợp với các thiết bị trên.
- Bạn cần viết 3 css cho 3 loại giao diện. Đặt tên như sau: css cho mobile (wap) đặt tên là mobile.css, css cho pc web.css, css cho touch touch.css (touch rất hiếm nên ko cần quan tâm nhé! sau đây HD Auto wap/web). Chưa đủ trình viết css có thể lấy của wap khác
- Tiếp theo bạn cần chèn code put css này vào _headtags hoặc chèn vào file bạn muốn thay đổigiao diện. Nhớ bỏ css đang dùng đi nhé.
Code:
<link rel="stylesheet" type="text/css" href="/thư_mục_chứa_css/<xt:get_device_template />.css" />
Ví dụ bạn đặt các file css trên trong thư mục my-style thì code là:
<link rel="stylesheet" type="text/css" href="/my-style/<xt:get_device_template />.css" />
Tiếp theo để có thể chuyển đổi giao diện bạn cần 3 file html ở đây mình ví dụ với index (trang chủ) bạn cần tạo 3 file (index, index_mobile, index_web)
- index_mobile : bạn thiết kế giao diện wap cho mobile
- index_web : giao diện web cho PC
- index : Tắt _header và _footer đi nhé chèn code này vào:
<xt:include file="index_<xt:get_device_template />">
Các file khác làm tương tự. Chúc thành công Chap 3, chuyển đổi giao diện theo thời gian
3.1 chuyển đổi theo giờ sử dụng css và xt function
Bạn kiếm 24 css đặt tên cho cáccss là từ 00 đến 23 (00.css, 01.css, 02.css,..., 23.css)
Chèn code put css này vào _headtags (hoặc _header cũng dc, nếu _header chèn giữa <body></body>). Loại bỏ css đang dùng đi nhé!
