.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>

использованная литература

See Also