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に変更。
「ブログの設定/管理」より「デザインの設定」を開き、「イラスト」 - 「花・紫」の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に変更。