Chủ đề: Hỏi về code wap/web html

Nếu truy cập bằng PC thì trình duyệt sẽ tự động kéo về giữa trang... Ai có code đó cho mình xin.Demo: http://24hgiaitri.wen.ru/

Mình làm trên xtgem!!!!

Day la su dung css ban a!

Thỉ thoảng cho mấy thằng bạn xem mà nó view trên PC nó chê xấu hoắc!! help meeeeeeeeeeeeeeeeee

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ện khá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 đổi giao diện. Nhớ bỏ css đang dùng đi nhé.
Code:

Mã:

<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à:

Mã:

<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:

Mã:

 <xt:include file="index_<xt:get_device_template />">

Các file khác làm tương tự. Chúc thành công

Rất cảm ơn bạn !!!!!

<style>body{margin: auto}</style>