人気ブログランキング | 話題のタグを見る
マイスキン試行錯誤その3
☆背景画像を表示させよう☆
これは簡単です。
あちこちでさんざん語られていることだとは思いますが、いちおう。
CSSソースの

BODY { BACKGROUND : ~ }

の部分に、背景画像urlと繰り返しなどを指定します。
こんな感じで。
BODY { BACKGROUND : #FFFFFF URL(自分の背景画像のurl) REPEAT-X FIXED BOTTOM; }

これは、背景色白に背景画像を横方向のみの繰り返し(REPEAT-X)で
画面下(BOTTOM)に固定表示(FIXED)、という風に指定してあります。

繰り返しは
 REPEAT・・・・・・画面全体に繰り返し表示(省略するとこの指定になります)
 REPEAT-X・・・・・・画面横方向に繰り返し
 REPEAT-Y・・・・・・画面縦方向に繰り返し
 NO-REPEAT・・・・・・繰り返しなし

画像表示場所は
 LEFT・・・・・・画面左
 RIGHT・・・・・・画面右
 CENTER・・・・・・画面真ん中
 TOP・・・・・・画面上
 BOTTOM・・・・・・画面下

固定表示は
 FIXED・・・・・・固定する。画面をスクロールさせても背景画像は動かない
 SCROLL・・・・・・固定なし。画面をスクロールさせると背景画像も一緒に移動(省略するとこの指定になります)
私個人的には、FIXED指定が好きでよく使います。
そうする方が読む人の目に優しい、と何かで読んだような覚えが・・・。

背景画像を画面右下に繰り返さないで固定表示、という場合は
BODY { BACKGROUND : ~ NO-REPEAT RIGHT BOTTOM FIXED }

という風になります。
写真やイラストなんかを背景画像として使う場合によいかも。

ちなみに…
背景画像を透過させるフィルターがあって(背景色指定の後に filter : Alpha(opacity=)をつける)、これも好きでよく使うワザなんですが、本文やメニューでフィルター指定しても何故か反映されませんでした。
もうちょっと研究してみます・・・。
by kaokaopon | 2004-08-03 23:22 | SKIN
<< 旬を食べよう♪夏の定番メニュー ↑ページTOP マイスキン試行錯誤その2 >>



KAOと旦那と3匹の猫のたわむれの日々。家に引きこもってるのでネタがありません。最近猫日記となりつつあります(笑)。
by kaokaopon
S M T W T F S
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
カテゴリ
全体
BBS
雑記
プレマタ
入院日記


観た
読んだ
作った
お取り寄せ
レシピ
SKIN
BLOG
WEB
日々。
ABOUT
以前の記事
2010年 10月
2010年 04月
2009年 08月
2009年 01月
2008年 10月
2008年 07月
2008年 06月
2008年 04月
2008年 03月
2008年 02月
2008年 01月
2007年 12月
2007年 11月
2007年 10月
2007年 09月
2007年 08月
2007年 07月
2007年 06月
2007年 05月
2007年 04月
2007年 03月
2007年 02月
2007年 01月
2006年 12月
2006年 11月
2006年 10月
2006年 09月
2006年 08月
2006年 07月
2006年 06月
2006年 05月
2006年 04月
2006年 03月
2006年 02月
2006年 01月
2005年 12月
2005年 11月
2005年 10月
2005年 09月
2005年 08月
2005年 07月
2005年 06月
2005年 05月
2005年 04月
2005年 03月
2005年 02月
2005年 01月
2004年 12月
2004年 11月
2004年 10月
2004年 09月
2004年 08月
フォロー中のブログ
食卓から愛をこめて
* もなこの手づくり石け...
だって私はドラマ好き♪
ベジタリアンの厨房
気ままな星遊び
笑門来福
pumilus sapo
母ちゃんちのご飯
***いつか出会えるあな...
茶タローくぅぅぅん.2
ほんの小さな庭
***やっと出会えたあな...
ゆっくりのんびりいこうじ...
ライフログ
タグ
(92)
(77)
(22)
(15)
(6)
検索
その他のジャンル
ファン
記事ランキング
ブログジャンル
画像一覧