Kas yra TPL failas?
Failas su plėtiniu .tpl yra šablono failas, sukurtas ir naudojamas HTTP failų serverio (HFS), kuris yra failų bendrinimo programa, skirta failams siųsti ir gauti naudojant žiniatinklio technologiją HTTP, o ne FTP protokolą. Jis naudojamas kuriant HTML puslapius dinamiškai, remiantis šablono informacija, kuri apibrėžiama kaip nustatymai su panašiu išdėstymu, stiliumi ir scenarijais. Programoms, kurioms reikalingi tie patys nustatymai, galima priskirti tą patį šablono failą, o HFS vykdymo metu dinamiškai grąžins prašomą puslapį, remdamasis šiuo šablono failu.
TPL failo formatas
TPL failai saugomi žmogui suprantamu formatu ir juose yra HTML, kuris yra žmogaus skaitoma žymėjimo kalba. Be HTML, TPL faile taip pat gali būti šablono lygio CSS ir Javascript, kad būtų nustatytas visų puslapių, sugeneruotų iš šio šablono failo, išdėstymas ir veiksmai.
TPL skyriai
TPL skyriuose yra HTML, CSS arba JavaScript kodas, kurį HFS naudoja generuodamas išvesties puslapį. Kiekviena sekcija prasideda laužtiniais skliaustais ([]) ir apibrėžiama procentiniu ženklu (%). TPL faile gali būti šios skiltys.
TPL stiliaus skyrius
Tai apima su stiliumi susijusią informaciją, kuri gali naudoti arba nenaudoti įterptųjų CSS failų nuorodas. Stiliaus skyriaus pavyzdys yra toks.
[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 nuorodų skyrius
Nuorodų skiltyje pateikiama informacija apie URL ir gali būti nuorodų į įvykius, pvz., mygtuką ir jo veiksmą.
[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>
Komentarų skiltis
TPL komentarų skyrius yra skirtas komentarams generuoti ir apibrėžiamas taip.
[comment]
<div class=comment>%item-comment%</div>
Įkėlimo skyrius
Įkėlimo skyrius grąžina tikrąjį HTML atsakymą iš serverio pagal šablono nustatymus, kaip parodyta šiame pavyzdyje.
[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>