ヘッダー部分の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ほどの透明の余白を作っておくことだ。
出ないとブログのタイトルと説明が画像にかぶってしまうからな。
え?タイトルと説明を移動させたい?
・・・・・・それはまた今度、次回だ。
んぢゃまたな。げんきでな。
