Ring ring



17:3719/05/24


--

Blog hay luôn luôn update

hd auto wap/web toàn tập

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ùngsử 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.1 Auto refesh,tức là nó xẽ chuyển hướng xag trang cho đt,pc,touch khi dùng code này,bạn tạo 3 file cho Pc,mobile,touch là web,mobile,touch dán code này vào index : <meta http-equiv=refresh content="0; URL=/<xt:get_device_ template />"> (copy hết) C2.- 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 đinhé. 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ầntạ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  

Trở lại
Bình Luận

Gửi Bài Viết

--
HOME CHAT
Thống Kê site
TOP WAP
Thời gian tải trang: giây


SEO : Bạn đến từ :
Đường dây nóng:0975.808.968



Danh Ngôn Tình Yêu



THE-END