[Work/TechInfo/rnote]

画像があるエントリ用のスキンと記事 / 2004-07-03 (土)

本家でも使われている記事中にサムネイルを表示して，画像本体へのリンクを張る，というヤツ．
僕なりにやってみるとこうなった．
サムネイルは別途生成しておくって感じで．その方が負担少ないかな，と思ったので．
色々な所のソースを組み合わせて，こうすりゃいくはずだって書いただけなので，PHPの変数取得の概念やらタグの属性云々やらXMLの規制とかいうのは，まったくもってわかっていません．悪しからず．

これがスキン． 

<div class="item">
<div class="category">[<%=$Category%>]</div>
<h2><a href="<%=$Url%>"><%=$Title%></a> / 
   <span class="date"><%=$Date fmt="%Y-%m-%d (%a)"%></span></h2>
<table border="0" cellspacing="0" cellpadding="0" class="text">
<tr valign="top"><td class="DataAreaL">
<p><a href="<%=$ImageDir%><%=$Image%>">
   <img src="<%=$ImageDir%><%=$Thum%>" /><br /><%=$Image%></a></p>
</td>
<td>
<div class="text">
<%=$Text%>
</div>
</td></tr>
</table>
<%=$WriteBack%>
</div>
<hr class="sep"/>

で，これがそれに対応する記事． 

<?xml version="1.0" encoding="UTF-8"?>
<rNote xml:lang="ja" xmlns="http://rinn.e-site.jp/rnote/">
  <Title>I Love Mac</Title>
  <Description>I Love Mac</Description>
  <Date>2002-10-13T00:00:00</Date>
  <Image>pb150.jpg</Image>
  <Thum>pb150.gif</Thum>
  <ImageDir>image/</ImageDir>
  <Text type="text/html"
    xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml">
    <p>
    I Love Macです.<br />
    これは,つくねさんの"I Love Macシリーズ"に影響を受けたもので,.....
    </p>
  </Text>
</rNote>