デザイン変更

はてダのデザインを変えてみました。『Hatena2-purple』をベースにし、スタイルシートに…

h1 {background: url(http://f.hatena.ne.jp/images/fotolife/f/fivefogs/20070408/20070408153453.jpg) right no-repeat;}
.day img.asin {float: right; margin: 10px;}
.hatena-body {font-size: 90%}
.info {font-size:90%;}
.message1 {text-align: left;}
.message2 {text-size: xx-small; padding-right:10px;}

#infobox {font-size: 100%; margin: 0 auto; border-collapse: collapse;}
#infobox tr td {border: 1px solid ; padding: 7px;}
#infobox th {color: #ffffff; background-color: #ba55d3; border: 1px solid #ffffff;padding: 3px;}
#simple-header { text-align: right; background: #5e7cb4 url("http://f.hatena.ne.jp/images/fotolife/d/domu/20070331/20070331122418.gif") top right no-repeat; }
#simple-header img#logo-diary { margin-right: 5px; }
#simple-header form.search-form { position: absolute; top: 8px; right: 180px; }
#simple-header ul { top: 6px; right: auto; left: 8px; }

…で、ヘッダに

<div class="main">
<div class="calendar">
<div class="info">
<div class="message1">“公務員の守秘義務”を逸脱しない範囲で…ね。</div>
<table id="infobox">
<tr>
<th>期間</th>
<th>タイトル</th>
<th>内容</th>
</tr>
<tr>
<td>本家サイト</td>
<td><a href="http://www.geocities.jp/fivefogs2002/index.html">五つの霞の“徒然草”</a></td>
<td>日記・特殊学級の資料・日本人学校への挑戦記録</td>
</tr>
<tr>
<td>2003年9月<br>〜2006年3月</td>
<td><a href="http://d.hatena.ne.jp/fivefogs/200309">特殊学級担任の“ここだけの話”</a></td>
<td>中学校特殊学級の授業・部活・日記…</td>
</tr>
<tr>
<td>2006年4月<br>〜2006年11月</td>
<td><a href="http://d.hatena.ne.jp/fivefogs/200604">特殊学級担任→<br>養護学校教諭の“ここだけの話”</a></td>
<td>養護学校小学部（低学年）の授業・思ったこと…</td>
</tr>
<tr>
<td>2007年4月〜</td>
<td><a href="http://d.hatena.ne.jp/fivefogs/200704">特別支援学校学校って…へぇ、そうなんだ</a></td>
<td>特別支援学校高等部の授業・思ったこと…</td>
</tr>
</table>
<div class="message2">Google、Yahoo!の検索結果からこのブログへ来た方は、改めて右部の「日記の検索」でキーワードを検索して下さい。</div>
</div>
</div>

…と書き込んでカスタマイズ。最上部のヘッダも細いものが使えたし、やっと自前で納得のいくデザインができました。