お盆のお参りも済ませ、ゆっくりとした日々を・・・(ー'`ー;)ムムッ
(* ̄ー ̄)"b" チッチッチッ
騒がしい日々を過ごして、ただ今やっとゆっくり (;-_-) =3 フゥ
先日の続き~~~!!
ど素人カスタマイズ( SimpleBox Shiro )の場合!!他も似たり寄ったり{/汗/}
前回は:タイトルバーの背景と、タイトルバーの文字・サブタイトルでした{/!!/}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
今回は: < 記事内の固定背景>
SimpleBox Shiroの・・・・・(Style Sheet)を開けてみましょう~^^!
Style Sheetから
まず初めから↓ このようになってると思います!!
/*
SimpleBox Shiro v1.2.3
designed by NTT Plala Inc.
*/
body {
margin: 0;
padding: 0;
}
↑だけじゃーわからないですよね~~ε=( ̄。 ̄;A
bodyでは背景を固定するタグを入れることができます!!
変更後↓
σ(^^) の場合!! (SimpleBox Shiro )
body {
background-image : url("http://pub.ne.jp/greenleafyou/image/user/◎×△■.jpg");
background-attachment: fixed;
background-position: 90% 100%;
background-repeat: no-repeat;}
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
("http:~~~~");は、ファイルのアップロードしたアドレスを入れる。
background-attachment: fixed; ←画面がスクロールしても背景が固定
background-position: 90% 100%; ←背景の位置
%で表示してますが、
lesft / right / center / top / bottm /で表示でも OK^^v
例えば:background-position: rigt bottm; (右揃えの下で配置)
最初が横位置 後が縦位置
※ %の場合
100- 0 ・・・右上
100-100 ・・・右下
0- 0 ・・・左上
0-100 ・・・左下
50- 50 ・・・真ん中
%の方が微妙な位置が調整出来そうです・・?^^!
background-repeat: no-repeat;} ←繰り返し無しの表示
以上ですが、、、(〇o〇;) これだけでは、、プレビュー見ても
おやっ{/目/}反映されて無い!!! トホホ (;-_-) =3
まだ変えるところがありんす ( °◇°;)
スタイルシートをさらに下行くと、↓があります!!
.body {
font-size:small;
line-height:160%;
font-family: Verdana,sans-serif;
background: #fff url("image/bg.gif") repeat-y center top;
text-align: center;
}
background: #fff ・・・・白色になってます。。記事内を透明にするため
あえて赤色の部分を削除しました{/汗/}
これで反映しました( ´o`)=3
※本来はbackground: none;らしいのですが、
↑では背景が出てきませんので{/衝撃/}削除に。。
(* ̄∇ ̄*)エヘヘ。。。なんたって、ど素人ですので。。
タグ入れの際、 { : ; # など、入れ忘れに気をつけてネ \(*⌒0⌒)b
本日は、、あはは、、、もうネンネします
読んで頂いてありがとうございます♪人気blogランキング←ポチットね
ポチットお願いしま~す^^!
ポチットお願いしま~すネ^^!
ぽっこりお腹も・・・