Ce este un fișier TPL?
Un fișier cu extensia .tpl este un fișier șablon creat și utilizat de HTTP File Server (HFS) care este un program de aplicație de partajare a fișierelor pentru a trimite și primi fișiere prin tehnologia web HTTP în loc de protocolul FTP. Este folosit pentru a construi pagini HTML în mod dinamic pe baza informațiilor șablonului care este definită pentru a avea setări cu aspect, stil și scripturi similare. Aplicațiilor care necesită aceleași setări li se poate atribui același fișier șablon, iar HFS va returna pagina solicitată în mod dinamic în timpul de execuție pe baza acestui fișier șablon.
Format de fișier TPL
Fișierele TPL sunt stocate în format care poate fi citit de om și conțin HTML, care este limbajul de marcare care poate fi citit de om. Pe lângă HTML, un fișier TPL poate conține, de asemenea, CSS la nivel de șablon și Javascript pentru a defini aspectul și acțiunile care trebuie efectuate de toate paginile generate din acest fișier șablon.
Secțiuni TPL
Secțiunile TPL conțin codul HTML, CSS sau JavaScript care este utilizat de HFS în timpul generării paginii de ieșire. Fiecare secțiune începe cu paranteze pătrate ([]) și este definită de semnul procentual (%). Un fișier TPL poate avea următoarele secțiuni.
Secțiunea de stil TPL
Include informațiile legate de stil care pot utiliza sau nu referința la fișierele CSS încorporate. Un exemplu de secțiune de stil este următorul.
[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;}
Secțiunea de legături TPL
Secțiunea de link conține informații despre adresa URL și poate include referințe la evenimente precum butonul și acțiunea acestuia.
[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>
Secțiunea de comentarii
Secțiunea de comentarii din TPL include este pentru generarea de comentarii și este definită după cum urmează.
[comment]
<div class=comment>%item-comment%</div>
Secțiunea de încărcare
Secțiunea de încărcare returnează răspunsul HTML real de la server pe baza setărilor șablonului, așa cum se arată în exemplul următor.
[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>
