最後の部分、このエントリーが表示される記事の部分である。トラックバックと、コメント記入欄の部分は後回しにして・・・ これ以上ごちゃごちゃすると、みにくくなるので、あっさりデザインでいこうと思う。

まずは、構造から調べてみた。

だいたいこんな感じである。記事全体を囲むっちゅーのは、難しいことがわかった。

今回はだいたいこんな感じで変えたい。↓

1. 日付の背景は色をつけて、文字は右寄りに。
2. 記事全体に囲みをつける。
3. 囲みとbataの領域とのスキマは20pxのままで。
4. 囲みと記事内容とのスキマは10pxで。
5. 記事タイトルに背景をつける。
6. フッター上部の線の色を変える。
7. 引用の配色を変更する。

今回はケバい配色いならんように注意してっと・・・。

●例によって、mt-static/themes/original/フォルダのoriginal.cssの各個所を変更、つけたし。 （赤字から青字へ,青字追加）

/* page layout */

.date-header {
 margin: 0 ;
 padding-bottom: 10px ;　→　padding: 3px ;
 color: #666 ;　→　#666666
 background: transparent url(date-header-bg.gif) repeat-x ;　→　#ffe3c8
 font-size: 14px ;
 text-align: right ;
}

.entry-header {
 margin: 10px 0 ;　→　0px
 padding: 0 0 0 20px ;　→　10px 0px 5px 25px
 color: #900 ;　→　#990000
 background: transparent url(entry-header-bg.gif) 0 0.2em no-repeat ;　→　#ffcc99
 font-size: 18px ;
 font-weight: bold ;              
}

.entry {
 width: 538px ;
 border: 1px solid #ffcc99 ;
}

.entry-content { margin: 0 ; }　→　0px 10px 0px 10px

.entry-footer {
 margin: 0 0 20px 0 ;
 border-top: 1px solid #eee ;　→　#ffcc99
 padding-top: 2px ;
 color: #666 ;　→　#666666
 font-weight: normal ;
}


blockquote {
 margin: 10px; /* 枠線を表示する上下左右の空白 */
 padding: 5px; /* 枠線から文字までの上下左右の空白 */
 background: #c8e3ff; /* 背景色 */　→　#e4e4cb
 border: 2px dotted #999999; /* 枠色 */
 font-size: 11px; /* フォントサイズ */
 line-height: 16px; /* 改行幅 */

どうっすか？いやみのないにぎやかさになったと思うんやけど・・・。記事タイトルの横に画像残しときたかったけど、 どうやらタイトルに背景入れると無理みたい。まぁそれは今度アイコンでも足すことにしよう。

次は、トラックバックとコメント記入欄をいじるとするかな。