Differences

This shows you the differences between two versions of the page.

tinyrep_custom [2009/02/24 09:28]
yamamoto
— (current)
Line 1: Line 1:
-====== カスタマイズ ====== 
- 
-見た目のカスタマイズが、HTMLの知識があれば可能です。一部、CSSの知識も必要になります。(TODO: スキンとして簡単に入れ替えられる仕組みを考える) 
- 
-基本的に、本システムにおいて一般ユーザーが見るのはアイテム画面のみです。ここの表示テンプレートを触ることになります。 
- 
-template/item.html を書き換えます。初期は下のようになっています。 
- 
-{{ }}で囲まれた部分は、プログラム内でそのつど書き換えられる場所です。これの対応を保つよう気をつけてください。 
- 
-<code html> 
-<html> 
-<head> 
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
-<title>{{title}}</title> 
-<link rel="stylesheet" href="{{static}}/default.css" type="text/css" /> 
-<link href="{{static}}/favicon.ico" rel="shortcut icon" /> 
-</head> 
-<body style='background-image:url({{static}}/clowd.gif);'> 
-<div style='margin: 0 3em;'> 
-{{if is_admin == True}} 
-<a href="../list">[LIST]</a> | 
-<a href="../edit/{{item_id}}">[EDIT]</a> | 
-<a href="../logout">[LOGOUT]</a> 
-{{endif}} 
-<h1>{{title}}</h1> 
-<table class="datasheet" width="100%"> 
-<tr><td valign="top" class="fname">ID</td><td valign="top">{{item_id}}</td></tr> 
-{{for i in metadata}} 
-<tr> 
-<td valign="top" class="fname">{{i[0]}}</td> 
-<td valign="top"> 
-{{if (i[1].startswith('http://') or i[1].startswith('https://'))}} 
-<a href="{{i[1]}}">{{i[1]}}</a> 
-{{else}} 
-{{i[1]}} 
-{{endif}} 
-</td> 
-</tr> 
-{{endfor}} 
-<tr> 
- <td valign="top" class="fname">download</td> 
- <td valign="top"> 
- <table> 
- {{for i in files}} 
- <tr> 
-  <td><a href="{{appbase}}/download/{{item_id}}/{{i[0]}}/{{i[1]}}">{{i[1]}}</a></td> 
-  <td>{{i[2]}}</td> 
-  <td>{{i[3]}}</td> 
-  <td>{{i[4]}}</td> 
- </tr> 
- {{endfor}} 
- </table> 
- </td> 
-</tr> 
-<tr> 
- <td valign="top" class="fname">notes</td> 
- <table> 
- {{for i in notes}} 
- <tr><td>{{i}}</td></tr> 
- {{endfor}} 
- <table> 
- </td> 
-</tr> 
-</table> 
-</div> 
-</body> 
-</html> 
-</code> 
- 
-ここで、<link rel="stylesheet"... という行を消して、代わりにスタイルシートをインラインで書いてしまうのが、今のところ最も手軽かと思われます。 
-画像を埋め込みたいときは、画像の場所を href="{{static}}/******.gif" などのように書いて、Web公開部に対応するファイルを置きます。 
 
Recent changes RSS feed Donate Powered by PHP Valid XHTML 1.0 Valid CSS Driven by DokuWiki