.TPL オプション番号
拡張子が .tpl のファイルは、HTTP ファイル サーバー (HFS) によって作成および使用されるテンプレート ファイルです。HFS は、FTP プロトコルの代わりに Web テクノロジ HTTP を介してファイルを送受信するためのファイル共有アプリケーション プログラムです。 HTML ページを動的に構築するために使用されます。テンプレート情報は、同様のレイアウト、スタイリング、およびスクリプトの設定を持つように定義されています。同じ設定を必要とするアプリケーションには同じテンプレート ファイルを割り当てることができ、HFS はこのテンプレート ファイルに基づいて実行時に要求されたページを動的に返します。
TPL ファイル形式
TPLファイルは人間が読める形式で保存され、人間が読めるマークアップ言語であるHTMLが含まれています。 TPL ファイルには、HTML に加えて、テンプレート レベルの CSS と Javascript を含めて、このテンプレート ファイルから生成されたすべてのページで実行されるレイアウトとアクションを定義することもできます。
TPLセクション
TPL セクションには、出力ページの生成中に HFS によって使用される HTML、CSS、または JavaScript コードが含まれます。各セクションは角括弧 ([]) で始まり、パーセント記号 (%) で定義されます。 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>
