趣味のこと............嬉しかったこと!楽しかったこと!心に残った思いを記事にしていきます ☆
ブログの背景に「画像」又は「写真」を挿入しましょう!
*本日は、ブログの背景(ページ)に画像を挿入します。




最初にCSS編集のコノ部分を探します。

/* excite blog skin css */

BODY{ BACKGROUND : #151515; MARGIN : 30;PADDING : 0; }
BODY,TD,DIV,LI{ FONT-SIZE : SMALL; FONT-FAMILY : VERDANA,ARIAL,SANS-



*最初の部分ですね!

BODY{ BACKGROUND : #151515; MARGIN : 30;PADDING : 0; }


*コノ部分にスタイルを追加します。

BACKGROUND-IMAGE :URL(http://pds.exblog.jp/pds/1/200707/23/92/[1]**********.jpg) ;
BACKGROUND-ATTACHMENT:FIXED;
BACKGROUND-REPEAT:NO-REPEAT;
BACKGROUND-POSITION: CENTER;


*コチラを加えますよ!
このようになります。

BODY{ BACKGROUND : #151515; MARGIN : 30;PADDING : 0;
BACKGROUND-IMAGE :URL(http://pds.exblog.jp/pds/1/200707/23/92/[1]********.jpg) ;
BACKGROUND-ATTACHMENT:FIXED;
BACKGROUND-REPEAT:NO-REPEAT;
BACKGROUND-POSITION: CENTER;}



*BACKGROUND-ATTACHMENT:FIXED;は写真など、スクロールしても固定されて見えます。
FIXEDの部分をSCROLLにすると、写真も一緒にスクロールしますよ!


*BACKGROUND-REPEAT:NO-REPEAT;は写真の繰り返しです。
コレをしないと、サイズの小さい写真では何枚も表示されてしまいます。
それはそれで面白いかもしれません。
NO-REPEATの部分を下のアルファベットに置き換えてみて下さい。


REPEATは写真などを繰り返して表示。

REPEAT-Xは横に繰り返して表示。

REPEAT-Yは縦に繰り返して表示。

NO-REPEATは繰り返して表示しません。





*BACKGROUND-POSITION: CENTER;}は写真や画像の位置を指定します。

CENTERの部分を変えて、位置を決めます。


LEFTは左に配置。

RIGHTは右に配置

CENTERは中央に配置

TOPは上に配置。

BOTTOMは下に配置。


*組み合わせも出来ます!

RIGHT TOPにすると右上に配置します。
単語の間には半角スペースで区切って下さいね。



あっ!!!!背景に使う写真や画像は、背景色に合わせた方が良いと思います。

背景が黒でしたら、使う画像や写真の背景も黒.......白でしたら白みたいな感じです。




はい!以上です!!!








*スキン編集はあくまでも自己責任と言う事で行って下さい
宜しくお願い致します。

失敗した時の為、最初のHTML編集部分とCSS編集部分をコピーしておいた方が良いですよ!!!

[PR]
by y-sakanaya | 2007-07-24 10:44 | スキン編集
<< タイトルに画像を使いましょう!... ぬはっ!本文の背景......... >>