背景画像を透かしてみた

　背景用の画像をphotshopで作成し、本文・右サイドバー・左サイドバーのbackground-colorを透かしてみた♪

　方法は毎度お世話になっている｢初めてのココログ・カスタマイズ」さんの『第22回：本文やサイドバーの下に背景画像が透けるように表示してみよう〈2〉』を参考にさせて頂いた。有難うございます(^_-)-☆。

1. まず、画像の用意。
   　私はオリジナルの画像を、横1200px・縦1000pxで作成した。
   ↓こんな感じに出来上がったモノを
   
   ココログフリーなら、コントロールパネル→ファイルで
   アップロードする。
   　（後にアップロード先のURLが必要になる）
   
2. 今回、どこに背景画像を置いて、 どこを透明にしたのか分かりやすくする為に下図を作ってみた。
   　画像を置いたのは、bodyの部分。
   透明にしたのは、#banner / #container / .content /
   #right / #left　の部分。
   （図は2カラム。3カラムは左側に#leftがある）
   
3. カスタムCSS編集画面の記述欄内に、以下の記述をする。
   　body{
   　　background-image:url(ここに画像のURLを書き込む"http://～jpeg"またはgif"まで);
   　　background-repeat:no-repeat;
   　　background-attachment:fixed;
   　　background-position:top center;
   　　　}
   　#banner,#container,.content,#right,#left
   　　　{
   　　background-color:transparent;
   　　　}
   
   ★　赤い記述は背景画像の指定。
   　　　background-image　は画像の保存先URLを
   　　　background-repeatは繰り返し無しを指定
   　　　background-attachmentは固定を指定
   　　　background-position:は画像を中央に指定
   　　　}
   　
   　　茶の記述は、#banner / #container / .content /
   　　#right / #left　の透明化処理。

　（他のサーバでは再構築とも言うって最近知ったょ）

★　しいて注意する事を挙げるなら、 引用のbackgroundが無くなってしまう事だろうか!?
    この場合は、文字の色を本文と変えて、区別するしかない。

初めてのココログ・カスタマイズさん

【2006.10.10 追記】
　引用が、反映されていた↑みたいですね。