お盆のお参りも済ませ、ゆっくりとした日々を・・・(ー'`ー;)ムムッ

(* ̄ー ̄)"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ランキング←ポチットね


にほんブログ村 写真ブログ デジタル写真へ ポチットお願いしま~す^^!

にほんブログ村 主婦日記ブログ 兼業主婦へ ポチットお願いしま~すネ^^!


 ぽっこりお腹も・・・