Demo wap/web/touch

WapTag.Wap.Sh

Chào mừng các bạn. Giao diện này sẽ có màu đỏ-cam trên máy tính, màu xanh-lục trên điện thoại, màu nâu trên máy cảm ứng.

Để auto css thì có cách dùng Xt function template để nhận dạng thiết bị, nhưng tệp css sẽ có những chữ 'web', 'mobile', 'touch' rất khó chịu. thế nên mình viết ra code đơn giản hơn để tiện cho các bạn sử dụng.
_Ưu điểm: bạn có thể import link từ bên ngoài chứ không phải lôi thôi như cách cũ là tệp css phải nằm trên wap bạn. Dễ dàng sử dụng, cơ động cao.
*Các bước làm:
1. Tạo 3 file css cho 3 giao diện máy tính, điện thoại, cảm ứng tương ứng cho 3 loại thiết bị với tên tùy chọn.
Ví dụ: maytinh.css, dienthoai.css, camung.css nằm trong thư mục http://waptag.wap.sh/css/
2. tạo tệp html với class tương ứng trong 3 tệp css.
3. Nhập code này vào trong tệp _headtags ở trong thư mục gốc (vì tệp headtags sẽ tác động lên toàn bộ trang wap), để ý những chữ in đậm và so sánh với mục 1 (dổi lại những cái in đậm theo ý bạn nếu muốn):
-----------------
<xt:code>

include ngbaanh.wap.sh/inc/auto_css.xt
call ngbaanh.wap.sh@chuyendoicss $web=/css/maytinh.css;$m=/css/dienthoai.css;$t=/css/camung.css;

</xt:code>
-----------------
4. Chúc các bạn thành công, trang này đã dùng cách như trên và hoạt động rất tốt :D
nguồn: ngbaanh - www.ngbaanh.wap.sh
Xem thêm: AutoRefresh