背景の変更
こんにちは。
公式テンプレート basic_white を使用しています。
http://sgourmet.blog94.fc2.com/
背景を変えたいと思っております。
フリー素材から壁紙用の画像を使いたいと思っております。
1、ブログの背景全部を同じ背景の壁紙にしたい場合
2、メインカラムのみ変えたい場合
この両方のパターンを試したいと思っております。
ご指導のほど頂ければ幸いです。
2014年11月29日 01:37 by tak
標野ゆき さま
ありがとうございます。
上手く編集できました。
ご教授を賜り改めて感謝いたします。
2014年12月03日 00:10 by tak
画像の開始位置やリピートの指定は特に必要なさそうなので、Containerのほうは
background-image: url(http://blog-imgs-45.fc2.com/s/g/o/sgo urmet/a4Jpeg.jpg);
△こんなカンジじゃないでしょうか。
フッターのほうは
background: #EFEFEF url(http://blog-imgs-45.fc2.com/s/g/o/s gourmet/a4Jpeg.jpg);
△このように背景色の指定につけ加える方がシンプルかも。
2014年12月02日 17:10 by 標野ゆき
標野ゆき様
ご教授を賜り感謝いたします。
ヘッダーの部分はできたのですが、メイン(Container)の方が上手くいきません。
>この辺に背景画像を追加する指定を書きこむ
をどのように書けばよろしいのか具体的に書いていただければ幸いです。
ちなみに使用する画像のURLは
http://blog-imgs-45.fc2.com/s/g/o/sgourmet/a4Jpeg.jpg
です。宜しくお願いいたします。
2014年12月02日 00:53 by tak
/* =============================================
Container
============================================= */
#container {
background-color: #FFFFFF; /* 全体の背景色 */
この辺に背景画像を追加する指定を書きこむ
/* =============================================
Header
============================================= */
#header {
background: #FFFFFF [太字]url(http://blog-imgs-43.fc2.com/t/ e/m/templates/header_background.png) repeat-x bottom left;[/ 太字] /* ヘッダー背景 */
太字の部分を編集する
~~~~~~~~~~~~~~隔たっています~~~~~~~~~~~~~
/* ============================================
Footer
============================================ */
#footer {
background: #EFEFEF; /* フッターの背景色 */
この辺に背景画像を追加する指定を書きこむ
上はスタイルシートからの抜粋ですが
3か所とも編集すると全体に背景画像を敷くことができます。
ヘッダーとフッターには敷きたくないときは
いちばん上のContainer部だけを編集してください。
リピート指定や 画像の配置をどうするかの値はお好みでどうぞ。
repeat-xは横方向にだけ画像を繰り返す指定なので
ヘッダー内にべたっと他の画像を敷きたいときには削除する必要があります。
ちなみにbottom leftは背景画像を「下の左端から繰り返し始めなさい」という意味で。デフォルトは上の左隅からの繰 り返しです。
2014年11月29日 22:14 by 標野ゆき
Copyright(c)1999 FC2, Inc. All Rights Reserved.
@fc2infoさんをフォロー