アメブロのカスタマイズ最前線といいつつ趣味でいじくってみる

アメブロのカスタマイズ最前線といいつつ趣味でいじくってみる

主にアメブロのカスタマイズに関する話題を中心に自由に情報交換をするサイトです。

Amebaでブログを始めよう!
ヘッダー部分のCSSは以下のとおり 場所は(3-2)だ。
俺の場合、デザイン設定は2カラムの右サイドバー、スキンはCSS編集用だ。
この回では自分で作ったヘッダー(写真やイラスト)を入れ込む方法を伝授する。
みんなは太字のところ以外いじる必要はない。


/* (3-2) ブログヘッダー
--------------------------------------------*/

/* skinHeaderFrame ブログタイトルを囲うエリア */
.skinHeaderFrame{
}


/* skinHeaderArea ブログヘッダー980pxエリア */
.skinHeaderArea{

background:url
(http://stat.blogskin.ameba.jp/blogskin_images/20110802/16/61/5f/g/o09800245screen88max131
2271158972.gif) no-repeat;

height:245px; /* ヘッダー画像の高さ (好みで数字をいじくって調整してくれ)*/
padding-bottom :15px; /* ヘッダー画像とメインの間のスペース(好みで数字をいじくって調整してくれ) */


}

ここで大事なのは :urlって部分の右のカッコ内が写真の指定だということだ。 難しいことを考えるなよ。 
まねすればちゃんとできるようになってるからな。
デザイン設定の「ヘッダー・背景用画像」に横:980px 縦:自由pxのサイズの画像を作成して読み込む。 


ちゃんとアップロードを押せよ。 忘れるな。 

すると「この画像へのパス」という小さな欄がアップロードされた写真の下に表示されるから、これをコピーして、
下の太字の部分をまねてペーストしてみてくれ。
そしてプレビューだ。
うまく表示されていたら「保存」。

ここで注意するのは作成するとき上に85pxほどの透明の余白を作っておくことだ。
出ないとブログのタイトルと説明が画像にかぶってしまうからな。
え?タイトルと説明を移動させたい?

・・・・・・それはまた今度、次回だ。 

んぢゃまたな。げんきでな。