Xtgem hỗ trợ sẵn 3 file tự động đồng bộ với tất cả các file khác. Cái này rất phổ thông hầu như ai cũng biết nhưng mình nói qua cho những ai chưa biết và vì nó sẽ phảiáp dụng nhiều. _header bạn chỉ cần tạo một file html với tên là _header tất cả nội dung của file này sẽ xuất hiện trên đầu các file khác. _footer tương tự _header và nó hiển thị ở cuối tất cả file khác Nếu bạn muốn vô hiệu hóa _header hoặc _footer ở một file bất kỳ bạn vào => Tùy chọn => bỏ tích ở 2 ô"Include "/_..." file in page" _headtags file này phải ở dạng txt, bạn phải mở nó ra ở Trình soạn thảo văn bản xóa hết nội dung mặc định của nó đi rùi chèn code củabạn vào. Nội dung của filenày sẽ xuất hiện ở giữa<head></head> tất cả các file. Đây là phần ko hiển thị, nên các bạn chỉ nên chèn các thẻ <META>, CSS hoặc SCRIPT. 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ếtbị 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: <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ì codelà: <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: <xt:include file="index_<xt:get_device_template />">
Các file khác làm tương tự. Chúc thành công
Chap 3, chuyển đổi giao diện theo thời gian 3.1 chuyển đổi theo giờ sử dụng css và 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, nếu _header chèn giữa <body></body>). Loại bỏ css đang dùng đinhé!
Code: <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)
3.2 Thay đổi giao diện ngày/đêm bằ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 cũng dc, nếu _header chèn giữa <body></body>). Loại bỏ css đang dùng đinhé!
Code: <script language="javascript">
var qdk;
var H = new Date(); if (H.getHours() > 17) { qdk = 'toi'; } else { if (H.getHours() > 6) { qdk = 'sang'; } }
if (H.getHours() < 6) { qdk = 'toi';
}
document.write('<linh rel="stylesheet" type="text/css" href="/thư_mục_chứa_css/');
document.write(qdk);
document.write('.css" media="all,handheld" />');
</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ị
Chúc thành công! Chap 4, cho phép khách truy cập chọn giao diện sử dụng biến và form Bài này mình share các bạn code cho phép người dùng chọn style.
Các bạn chèn code này vào _headtags hoặc _header (nhớ loại bỏ css đang dùng và nếu chèn vào _header thì ở giữa <body></body>)
<!--// Put css style mặc định là sáng //-->
<link rel="stylesheet" type="text/css" href="tên wap/css/sang.css" media="all,handheld"/>
Thẻ form chèn vào _header nhé:
<!-- Thẻ form --><br />
<form action="<xt:url/>#style" id="style" method="get">Chọn giao diện:<br/><select name="style" value=""><option value="sang">Xanh</option><option value="vang">Vàng</option><option value="den">Đen</option><option value="hong">Hồng</option><option value="xanh">Xanh nhạt</option></select><input type="submit" value="OK"></form> Chap 6, Chức năng xt filelist functicon Niềm vui cho các wapmaster xTgem. Xtgem nâng cấp chức năng "xt file list function" (lấy thông tin file với html code)
Chỉ việc khai báo thư mục chứa file cần lấy thông tin và nó sẽ tự động get link và cho ra thông tincủa file, cũng như hiển thị hình ảnh.
Cú pháp:
<xt:filelist sort_type="" sort_dir="" folder="folder" template="<a href='.file_url.'>.file_name_parsed.</a> (.file_size.)" />
Cá thuộc tính biểu mẫu:
.file_url. (link file)
.file_name. (tên file)
.file_name_parsed. (nhấn mạnh chuyển đổi trong không gian)
.file_size. (dung lượng file)
.file_mime. (chưa rõ )
.file_type. (định dạng)
sort_type (kiểu đọc)
sort_dir (kiểu sắp xếp)
asc (Từ trên xuống)
desc (Từ dưới lên)
Giông như chức năng rss feel các ký tự.đặc biệt:
VD:
< = <
> = >
“ = "
& = &
Như vậy nghĩa là sao? Tạm hiểu thế này nhé: bạn chỉ việc up file lên và code như trên nó sẽ tự lấythông tin file (tên, dung lượng, link file,...) và ta chỉ việc sắp sếp thứ tự nội dung hiển thị với hàm"sort_type" và "sort_dir".
Quá ngon các bạn chỉ việc up filevào thư mục nó tự đọc và hiển thị.
* Có thể hơi khó với các bạn newbie mình sẽ share các bạn vài code mình viết sẵn:
Code hiển thị ảnh + dung lượng+ link down:<div class="bmenu">Hình Nền</div><center><xt:filelist sort_type="name" sort_dir="asc" per_page="10" folder="/hinh-nen/" template="<div class="list1"><img src=".file_url." width="70%" / ></div><div class="page"> Size (.file_size.)<br/><a href=".file_url.">[Tải về]</a></div>" /></center>
Giải thích code:
sort_type="name" , sort_dir="asc" => kiểu hiển thị file theo tên thứ tự từ a-z, 0-9.
per_page="10" => Cắt 10file/1trang, mỗi trang hiển thị 10file, nhiều hơn cắt sang trang.
folder="/hinh-nen/" => thư mụcchứa file, các bạn thay đổi theo thư mục chứa hình ảnh của bạn.:
Code áp dụng cho tất cả loại file:
<div class="bmenu">Game Java</div><xt:filelist sort_type="name" sort_dir="asc" per_page="20" folder="/files/" template="<div class="list1">• Tên game: <font color="fuchsia">.file_name.</font><br/>• Dung lượng: <font color="fuchsia">.file_size.</font><br/>• <a href=".file_url.">Tải về</a></div>">
Thay đổi folder="/files/" thành tên thư mục chứ file của bạn.
Các bạn có thể tự sáng tạo thêm.Chúc thành công! Chap 7, file báo lỗi 404 Lỗi 404 là lỗi địa chỉ sai file không tồn tại.
Rất đơn giản các bạn chỉ cần tạo1 file với tên là 404 . Tất cả những truy cập vào link sai sẽ trở về file 404 của. Bạn có thể chèn thông báo lỗi vào đó hoặc chuyển hướng về trang chủ nhưvậy các bạn sẽ giữ dc khách truy cập
HOME 
WAP CHAT 
Facebook 
Twitter