■CSSをいじっちゃおう。

アメブロではページの書式やレイアウトをスタイルシートが決め

ています。
ですから、アメブロでページのアレンジを変えたい場合はそれぞ

れのページに用意してあるCSS を編集する必要があるわけです。


選んだスキンによって、CSSを変更できるものと出来ないものが

ありますが、手を加えたい場合は当然CSSの編集が出来るスキン

を選ばなくてはなりません。
この辺は、準備編で説明していますので参考にして下さい。


では、具体的にCSSの編集に行を追加してページをアレンジして

見ましょう。


1)TOPの[ ルーム|ブログ|フォト|相談|プレゼント ]を消すには


div#userNaviArea{display: none;}


2)ヘッダー画像のタイトル文を消すには


#header h1{display: none;}


3)ヘッダー画像上のブログの説明文を消すには


#header h2{display: none;}


4)ヘッダー画像のサイズに合わせて表示するには


#header{height:190px;}


アンダーラインの部分を画像の高さのピクセル
と合わせます。
また、用意した画像が小さくて右側に繰り返し
表示されてしまう場合は


#header{background-repeat:no-repeat;}
#header{background-position:center;}


1~4)これらをそれぞれ用途に合わせてCSSの編集画面の
最後に付け足してあげてください。