シンプル志向

やっと外観が整ってきた。調整は必要だろうけど大方は終わり。「ちょっおまっ...」と思われるかもしれないがオイラとしてはこれで十分。というか、これ以上複雑になると管理が面倒。
一応現時点での設定を載せておくよ。

ページヘッダ

<div id="main">

ページフッタ

</div>
<div id="sidebar">
 <div class="item">
  <hatena name="profile">
 </div>
 <div class="item">
  <hatena name="section" moduletitle="最近の記事" template="hatena-module">
 </div>
 <div class="item">
  <hatena name="sectioncategory" moduletitle="タグ一覧" template="hatena-module">
 </div>
</div>

<div id="footer">
 <hatena name="calendar">
</div>

スタイルシート

* { line-height: 1.2 }
body { background-color: #fcfcfc; }
a { text-decoration:none; }
span.date { display:none; } /*日付を消す*/
img { border:0; }
img.photo { margin:10px; float:right;}

/* Main */
div#main { width:75%; float:left; }
div.section { border-bottom:thin solid silver; } 
    div.section iframe { float:right; }
pre { margin:0.5em 1em; border:thin solid #ffcc99; background-color:#ffffcc;
      padding:0.5em; overflow:auto; max-height:20em; }
blockquote { boder-left:5px solid silver; }

/* sidebar */
div#sidebar { width:20%; float:right;}
div.item { margin: 0.5em; }
    /* hatena module */
    div.item p { margin: 0; padding: 0; }
    div.hatena-module { clear:both; }
    div.hatena-moduletitle { font-weight: bold;}
    div.hatena-moduletitle:before { content: "■"; } /*IEでは適応されず*/
    div.hatena-modulebody ul { list-style:none; padding:2px; margin:0 1em;}

/* footer */
div#footer { clear:both; }

当初はシンプル志向だったのに意外と複雑になってしまった。サイドバー取り払おうかなぁ...。