CSS編集のスタート | lilychien-fc2012

lilychien-fc2012

ショートストーリー、イラスト制作(練習中)記事、音楽関係、日常の話題など・・・気ままな日記です。

ブログカスタムの基礎の、CSS編集を空いた時間(今日は昼休み・・・)に初めてみました。
第一のテーマは、ヘッダー画像の追加です。

尚、ページデザインはCSS編集用のデザインを選択しています。

STEP1
・CSS編集ができるデザインに変更する。(とてもシンプルなデザインになり唖然)

STEP2
・blogマイページから、「デザインの変更」そして予め変更したCSS編集用のデザインの
「CSSの編集」を選択

STEP3
・ブログデザインのCSSの編集というページ状態になるので、中段の「現在使用中の
ブログデザインCSS」に記述されてある、ソースコードを編集します。
今回は、ヘッダー画像の追加なので

/* (3-2) ブログヘッダー のところを以下のように編集しました。
--------------------------------------------*/

/* skinHeaderArea ブログヘッダー980pxエリア */
.skinHeaderArea{
height:250px;
background: url(http://stat.blogskin.ameba.jp/blogskin_images/ここに自分でアップロードした画像のパス.jpg) no-repeat 100% 0% ;
}


現在は、テスト版製作中の状態なので、

この画像はあくまで「仮」のもので、随時変わっています。




ここまでは、順調です(^_^;)

次は、背景画像とヘッダー文字のカラー変更をやろうと思います。


では、お昼ごはんにいってきます☆彡。


nayu