Що таке файл TPL?
Файл із розширенням .tpl — це файл шаблону, створений і використовується файловим сервером HTTP (HFS), який є прикладною програмою обміну файлами для надсилання й отримання файлів через веб-технологію HTTP замість протоколу FTP. Він використовується для динамічного створення сторінок HTML на основі інформації про шаблон, для якої визначено параметри зі схожим макетом, стилем і сценаріями. Програмам, які потребують однакових налаштувань, можна призначити той самий файл шаблону, і HFS повертатиме запитувану сторінку динамічно під час виконання на основі цього файлу шаблону.
Формат файлу TPL
Файли TPL зберігаються у форматі, доступному для читання людиною, і містять HTML, який є мовою розмітки для читання людиною. Окрім HTML, файл TPL також може містити CSS рівня шаблону та Javascript для визначення макета та дій, які мають виконуватися всіма сторінками, згенерованими з цього файлу шаблону.
Розділи TPL
Розділи TPL містять код HTML, CSS або JavaScript, який використовується HFS під час генерації вихідної сторінки. Кожен розділ починається з квадратних дужок ([]) і визначається знаком відсотка (%). Файл TPL може мати такі розділи.
Розділ стилю TPL
Він містить інформацію про стилі, яка може використовувати або не використовувати посилання на вбудовані файли CSS. Нижче наведено приклад розділу стилів.
[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;}
Розділ посилання TPL
Розділ посилання містить інформацію про URL-адресу та може містити посилання на такі події, як кнопка та її дія.
[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>
Розділ коментарів
Розділ коментарів TPL включає в себе генерування коментарів і визначено таким чином.
[comment]
<div class=comment>%item-comment%</div>
Розділ завантаження
Розділ завантаження повертає фактичну відповідь HTML із сервера на основі налаштувань шаблону, як показано в наступному прикладі.
[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>
