24-03-2015
Cách 1 dùng xtscript
dán code này vào _header
<!--parser:xtscript-->
var $time = < xt : tdate format = "H" tzone = "7" >
# mặc định buổi tối từ 18h-6h, còn lại là sáng
if $time <= 18 or $time >= 6
# nhập link css buổi ngày zô đây
var $css = http: // link css ngày....
else
# Nhập link css buổi tối zô đây
var $css = http: // link css tối...
Endif
Print {{< link rel = "stylesheet" type = "text/css" href = " $css " media = "handheld,all"/>}}
<!--/parser:xtscript-->
Cách 2 dùng xt function
Bạn kiếm 24 css đặt tên cho các css 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). Loại bỏ css đang dùng đi nhé!
<link rel="stylesheet" type="text/css" href="/thư_mục_chứa_css/<xt:tdate fomat="H" tzone="7" />.css" media="all,handheld" />
- Nếu muốn chỉ thay đổi ngày/đêm thôi thì các file css ngày từ 06.css đến 17.css có nội dung giống nhau (copy từ 1 cái ra), tương tự các file css đêm từ 18.css đến 05.css có nội dung giống nhau (copy từ 1 cái ra)
Cách 3 dùng JavaScript
Thiết kế 2 file css cho ngày và đêm, đặt tên là sang.css và toi.css
Chèn code Script này vào _headtags (hoặc _header). Loại bỏ css đang dùng đi nhé!
<script language="javascript">
var css;
var d = new Date();
if (d.getHours() > 17)
{
css = ' http : //tenwap/thư mục chứacss/toi.css';
}
else{
if (d.getHours() > 6)
{css = ' http: // tên wap bạn/thư mục chứa css/sang.css';
}
}
document.write('<link href="');
document.write(css);
document.write('" rel="stylesheet" type="text/css"/>');
</script>
Lưu ý: một số máy đời thấp hoặc máy tàu ko hỗ trợ JavaScript sẽ ko hiển thị