Apa itu file TPL?
File dengan ekstensi .tpl adalah file template yang dibuat dan digunakan oleh HTTP File Server (HFS) yang merupakan program aplikasi berbagi file untuk mengirim dan menerima file melalui teknologi web HTTP, bukan protokol FTP. Ini digunakan untuk membuat halaman HTML secara dinamis berdasarkan informasi template yang ditentukan memiliki setelan dengan tata letak, gaya, dan skrip yang serupa. Aplikasi yang memerlukan pengaturan yang sama dapat diberi file template yang sama dan HFS akan mengembalikan halaman yang diminta secara dinamis pada waktu proses berdasarkan file template ini.
Format File TPL
File TPL disimpan dalam format yang dapat dibaca manusia dan berisi HTML yang merupakan Bahasa Markup yang dapat dibaca manusia. Selain HTML, file TPL juga dapat berisi CSS dan Javascript level template untuk menentukan tata letak dan tindakan yang akan dilakukan oleh semua halaman yang dihasilkan dari file template ini.
Bagian TPL
Bagian TPL berisi kode HTML, CSS, atau JavaScript yang digunakan oleh HFS saat membuat halaman keluaran. Setiap bagian dimulai dengan tanda kurung siku ([]) dan ditentukan dengan tanda persentase (%). File TPL mungkin memiliki bagian berikut.
Bagian Gaya TPL
Ini termasuk informasi terkait gaya yang mungkin atau mungkin tidak menggunakan referensi file CSS yang disematkan. Contoh bagian styling adalah sebagai berikut.
[style]
.row { color: #666 }
span.size_file { font-size:10px; color:#666 }
.button, .big, .little, th { font-weight:normal; font-size:9pt; color:#222; }
#back { background:#222;border:1px solid #000;padding:5px;margin-top:10px;}
.little { font-size: 8pt; color:#2F4F4F;margin-top:10px; }
.path_title { color: #999;margin-top:10px; }
img { border-style:none }
.row { background:#f8f8f8;}
.row a { text-decoration:none; }
.comment { font-size:7pt; color:#666; background:#f3f3f3; padding:3px; border:1px solid #ccc; margin-top:2px; }
.column { color:#222; font-size:13pt; font-weight:bold; padding-bottom:0; }
.flag { font-weight:bold; font-size:8pt; background:#fff; color:#990000; text-align:center; border:1px solid #ff0000; }
.text { color:#222; }
span.desc { color: #999; }
#everything { margin-top:20px;border-top:1px solid #ccc;padding-top:10px; }
html {
font-size: 62.5%;
}
body {margin:0px; padding:0px; background-color:#fff; color:#222; font-family:"Lucida Grande", "Tahoma", "Helvetica", "Arial", sans-serif; font-size:120%;quotes:"\201C" "\201E" "\2018" "\2019";}
table, tr, td {font-size: inherit;}
a:link {color: #222;}
a:visited {color: #666;}
a:hover { color: #000;}
a:active {}
a:focus {}
img, a img {border: none;}
#path {color: #333;background-color: #f8f8f8; border-bottom: 1px solid #ccc;padding: 3px 8px;margin: 0px;}
#path li {display: inline;padding-left: 13px; padding-right: 3px; background-image: url(arrow.gif);background-repeat: no-repeat;background-position: 1px 5px;}
#path span {font-weight: bold;}
#header {margin: 24px 48px;}
#header h1 {font-size: 250%;color: #222; margin: 0;margin-bottom: 6px;}
#header h2 {font-size: 120%;color: #aaa; margin: 0;}
#content { margin: 24px 48px;}
#footer { margin-top: 48px; border-top: 1px solid #ccc; padding: 6px; text-align: center; color: #888; font-size: 80%;}
#footer a {color: #888;}
Bagian Tautan TPL
Bagian tautan berisi informasi tentang URL dan dapat menyertakan referensi ke peristiwa seperti tombol dan tindakannya.
[login-link]
<li><a href="%encoded-folder%~login" class=buttonx>Login</a></li>
[loggedin]
<li><a href="#" class=buttonx>Logged in as: %user%</a></li>
Bagian Komentar
Bagian komentar dari TPL termasuk untuk menghasilkan komentar dan didefinisikan sebagai berikut.
[comment]
<div class=comment>%item-comment%</div>
Bagian Unggah
Bagian upload mengembalikan respon HTML yang sebenarnya dari server berdasarkan pengaturan template seperti yang ditunjukkan pada contoh berikut.
[upload]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<title>myHFS</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<style type="text/css">\n%style%\n</style>
</head>
<body>
<ul id=path>
<li><strong>Folder:</strong> <a href="/">root</a>%folder%</li>
</ul>
<div id=header>
<h1>myHFS</h1>
<h2>Final HFS Template Framework for Ishare USM Community</h2>
</div>
<div id=content>
<h3>myHFS Rules</h3>
<p>I'm sharing stuffs unpaid, so please respect me by understanding these rules: </p>
<ul class="contacts">
<li>Sorry if your downloading activity was suddenly interrupted/disconnected. It might be due to some technical problems.</li>
<li>Be nice. Don't use IDM or any download manager program with many connections. Set it to 1 or you will be banned from my server.</li>
<li>Anything I shared here is the right of my freedom. Good or bad, the decision is in your hands. I'm not be responsible for any consequences.</li>
</ul>
<p class=credit>Sharing among my university fellows is an unique culture here, in Engineering Campus, USM. Sharing via LAN by using HFS software is the best underground activity for everyone. Sharing is loving!</p>
</div>
</body></html>
