2005年07月25日 - デザイン

 とりあえず3カラムのlivedoorアバターの宣伝がうっとおしいので。
 「ブログの設定/管理」より「デザインの設定」を開き、「イラスト」 - 「花・紫」の2カラムのにデザイン変更。
 「プラグインの設定」と「プラグインの追加」よりカレンダー・最新コメント・最新トラックバックを追加。アバターは削除。

 まずはこんな感じ。

 次に、bodyの前にヘッダとして案内を入れたかったんだけど。
 文字がどうも左寄せにならず、中央になってしまう。
 とりあえずdivを二つ使いネストしてみたらば解決。


スタイルシート(CSS)

div.guide1 {
margin: 5px 50px 10px 40px;
padding: 5px 10px 5px 10px;
border: 1px solid : #0000ff:
}
div.guide2 {
margin: 5px 50px 10px 40px;
text-align:left;
}



 丸ごと貼り付けたら、この本文中に丸ごと反映されてしまった・・・・・・・
 はてなの引用ブロック(「>>」だけの行と、「<<」だけの行で段落をはさむ)に相当するものが欲しいな。
 とりあえず画像で、と掲載してみたんですが。
 width=540の画像だと幅が大きすぎるのか、プラグインが全て一番下へ移動してしまうのだ。
 400程度に縮めたもののを準備したが。
 まずはシンプルな小さいものを掲載してみる。



 見出し文字のh2のサイズが大きすぎるのが気になったのだが。
 h3に変更。