Czym jest plik TPL?
Plik z rozszerzeniem .tpl to plik szablonu tworzony i używany przez HTTP File Server (HFS), który jest aplikacją do udostępniania plików do wysyłania i odbierania plików przez technologię internetową HTTP zamiast protokołu FTP. Służy do dynamicznego budowania stron HTML w oparciu o informacje o szablonie, które mają ustawienia o podobnym układzie, stylach i skryptach. Aplikacjom, które wymagają tych samych ustawień, można przypisać ten sam plik szablonu, a HFS zwróci żądaną stronę dynamicznie w czasie wykonywania na podstawie tego pliku szablonu.
Format pliku TPL
Pliki TPL są przechowywane w formacie czytelnym dla człowieka i zawierają kod HTML, który jest czytelnym dla człowieka językiem znaczników. Oprócz HTML plik TPL może również zawierać CSS na poziomie szablonu i Javascript w celu zdefiniowania układu i działań, które mają być wykonywane przez wszystkie strony wygenerowane z tego pliku szablonu.
Sekcje OC
Sekcje TPL zawierają kod HTML, CSS lub JavaScript, który jest używany przez HFS podczas generowania strony wyjściowej. Każda sekcja rozpoczyna się nawiasami kwadratowymi ([]) i jest określona znakiem procentu (%). Plik TPL może mieć następujące sekcje.
Sekcja stylu TPL
Zawiera informacje związane ze stylem, które mogą, ale nie muszą, wykorzystywać odniesienia do osadzonych plików CSS. Przykładowa sekcja stylizacji jest następująca.
[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;}
Sekcja łącza TPL
Sekcja łącza zawiera informacje o adresie URL i może zawierać odniesienia do zdarzeń, takich jak przycisk i jego akcja.
[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>
Sekcja komentarzy
Sekcja komentarza TPL zawiera generowanie komentarzy i jest zdefiniowana w następujący sposób.
[comment]
<div class=comment>%item-comment%</div>
Prześlij sekcję
Sekcja przesyłania zwraca rzeczywistą odpowiedź HTML z serwera na podstawie ustawień szablonu, jak pokazano w poniższym przykładzie.
[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>
