Hướng dẩn đổi giao điện wap.ngày đêm khác nhau.
Mẹo này sử dụng hàm đếm giờ để thực hiện.
_____
Đầu tiên các bạn cần có các tệp CSS có giao diện khác nhau nhưng cùng class và id.
Tạo 2 tệp css trong thư mục"/style": am.css cho ban ngày và pm.css cho ban đêm.
_____
Muốn dùng đc phạn phải chỉnh đúng múi giờ đã. Sau đó chép đoạn mã bên dưới vào trang bạn muốn giao diện tự đổi (nếu muốn đổi toàn bộ thì cho vào _headtags ):
Mã: Chọn tất cả
<link rel="stylesheet" type="text/css" href='http://wap bạn/style/<xt id="tdate" format="a" tzone="Múi giờ"/>.css'/>
Múi giờ= -12 đến 12. nếu Việt Nam thì 7
Chúc bạn thành công nhé,
Cái này rất hữu ích và tiện lợi, tacó thể làm giao diện ban ngày với màu vàng và hình gam nóng, còn ban đêm có thể làm màu dịu hơn với gam lạnh, rất ngon đấy.
__________
-Ghi chú: đây là css bậc 3(*), nếu trong trang bạn chứa css bậc 2(*), bậc 1(*) thì có thể giao diện sẽ không áp dụng chính xác.
-Chú thích:
*css bậc 3: css lưu ở bên ngoài trang như ví dụ trên.
*css bậc 2: css ở trong trong web và nằm trong cặp thẻ <style type="text/css"> ... </style>
*css bậc 1: css ở trong trong web và nằm trong tag html.
-Mức ưu tiên: bậc 1 > bậc 2 > bậc 3. Ví dụ:
Tệp css.css có nội dung:
Mã: Chọn tất cả
.vidu {color: red;} /* css bậc 3 quy định màu chữ đỏ*/
Tệp html.html có nội dung sau:
------------
<html>
<head>
<link rel="stylesheet" type="text/css" href="css.css" />
<style type="text/css">
<!-- css bậc 2 quy định chữ mà lục-->
. vidu {color: green ;}
</style>
</head>
<body>
<p style="color: blue ;">Đây là đoạn văn thứ nhất, định dang theo css bậc 1, có màu xanh biển cho dù css bậc 2 quy định màu lục và css bậc 3 quy định màu đỏ.</p>
<p class=" vidu ">Đây là đoạn văn thứ hai, tuy cùng class là"vidu" nhưng nó chỉ chấp nhận css bậc 2 vì ưu tiên cao hơn cssbậc 3. Do vậy nó có màu lục chứkhông phải màu đỏ.</p>
</body>
</html>
------------
_____
Chúc bạn thành công nhé
