ヘッダの変更

ヘッダーの変更はｃｓｓ編集ではなく、

アメーバの機能で設定可能

---------------------------------------------

ブログ＞デザインの変更＞スキンのカスタマイズ

---------------------------------------------

・ヘッダー背景色

・パターン画像（ストライプ画像連続）

・ヘッダー画像

スキンのカスタマイズで上記を簡単に変更することが

可能。

■ex）ヘッダーに画像を入れてみる

---------------------------------------

800×300pxの画像をアップしたら、

見た目

width＝710pxくらいに変倍した。（ピクセル定規使用）

高さは300pxそのまま生きてる。

※使用スキン：グレー左2カラム

→ヘッダー画像の幅は、710pxで作ってみよう。

…検証してないから、わからないですが。

　　　　↓↓↓↓↓　検証　↓↓↓↓↓↓

幅710ｐｘでは、ダメでした。

css見たら760pxっぽいわ～

800×300pxの画像をヘッダーに使っていたとき

おかしな変倍かかって710pxになったの!?!?!

とにかく710pxは忘れてください。

検証までの間に何度かスキン変更したけど、

やっぱり出戻りで、これに落ちつく。

------------------------------------------

　　使用スキン：グレー　2カラム-左

　　→ヘッダー画像の幅は、760px

------------------------------------------

↓↓↓↓　　cssを見ると　　↓↓↓↓

#frame{
width:760px;
margin-left:auto;
margin-right:auto;
}
#main{
width:570px;
float:left;
padding-right:5px;
padding-left:5px;
}
#sub_a{
width:170px;
float:right;
z-index:1;
}

↑↑↑↑　　こんな感じ　　↑↑↑↑

■主な幅 まとめ

---------------------------------------

・全体(wrapper) …………760px

・メイン（記事とか） ………570px

・レフトナビ ………………170px

※あくまで、スキン：グレーで2コラム-左の場合。

・関連：css各要素の幅