背景の変更が上手くいかない
旧フォーラムの記事です http://blog.fc2.com/forum/viewtopic.php?f=3& t=4267
ささら 2005-09-26 10:19:16
件名 :背景の変更が上手くいかない
使用OS/ブラウザ=WinXP/InternetExplorer6.0
使用テンプレート=sozaiyasan-check2
初心者で、ブログを始めようと、テンプレートまでは選んだのですが、背景に
自分の持っている花柄イラストの壁紙を使いたく、壁紙の変更に挑戦していま
すが、上手くいきません。
カスタマーズマニュアルの背景の変更で
body {
background-image : url("画像のパス"); /* 背景画像の設定 */
background-repeat : repeat; /* 背景画像を横縦タイル状に並べる */
background-position : left top; /* 開始位置を画面左上に設定 */
background-attachment : fixed; /* 背景画像の位置を固定 */
}
部分のことだと思いますが、url("画像のパス"); というのが・・・??。
マイピクチャの中のimageフォルダの中のファイル(gif形式)を使いたいのですが。(チェック部分を花柄にしたい)
知識が乏しく、質問の仕方も、おかしければ申し訳ないのですが、
どなたか、ご教授くださるとありがたいです。
よろしくお願いします。
2005年09月26日 10:19 by FC2スタッフ
旧フォーラムの記事です
Anonymous 2005-09-28 07:46:06
件名 :うまくいきました!
#baseBlock と#baseleftのそれぞれの最後のところに
background-color: #FFFFFF;
と追加してみたところ、思ったようにメイン部分が白い背景になりました。
これで、大丈夫なんでしょうか?(ちょっと自信がないのですが)
超初心者でしたので、今回、大変勉強になりました。
こちらに書き込むまでは、まるで進歩しなかったのですが、こちらでアドバイス
いただいたのが、きっかけになり、うまく最後までできてうれしいです。
へらちょんぺさん、未登録ユーザーさん、ありがとうございました♪
2005年09月28日 07:46 by FC2スタッフ
旧フォーラムの記事です
Anonymous 2005-09-28 05:55:45
件名 :全面に背景・・・センター(記事部分)の背景の指示?
ありがとうございました。
初めて、背景画像が表示できまして嬉しいのですが、へらちょんぺさんのいわれるように、全面が背景画像で埋め尽くされてしま いますね。
未登録ユーザー様が教えてくださったように(-image)を加えても、やはり、
全面背景です。
センター部分(記事を書く部分)は白の背景がいいのですが、何か、どこかに
指示を追加する必要があるのでしょうか?
2005年09月28日 05:55 by FC2スタッフ
旧フォーラムの記事です
Anonymous 2005-09-27 23:12:50
件名 :
background:url(<a class="postlink" href=" ;http://blog26.fc2.com/s/sasaranase/file/image2.gif"> ;http://blog26.fc2.com/s/sasaranase/file/image2.gif</a> ;);
↓
background-image:url(<a class="postl ink" href="http://blog26.fc2.com/s/sasaranase/file /image2.gif">http://blog26.fc2.com/s/sasaranase/file /image2.gif</a>);
2005年09月27日 23:12 by FC2スタッフ
旧フォーラムの記事です
Anonymous 2005-09-27 08:37:48
件名 :Re: 修正してみましたが・・・
私もはっきり言ってCSSはよくわかりませんが、
下記の赤文字を削除すれば、通常のタイル配列になるようです。
ただし、元のデザインで白抜きになっていた部分は、背景画像で埋め尽くされます。
background-color:#fff ;
background:url(<a class="postlink" href=" http://blog26.fc2.com/s/sasaranase/file/image2.gif"> http://blog26.fc2.com/s/sasaranase/file/image2.gif</a> );
background-repeat: repeat-y;
background-attachment: fixed;
background-position: center;
}
2005年09月27日 08:37 by FC2スタッフ
旧フォーラムの記事です
Anonymous 2005-09-27 06:24:27
件名 :修正してみましたが・・・
へらちょんぺさん、アドバイスありがとうございます。
background-color:#fff ;
background:url
(<a class="postlink" href="http://blog26 .fc2.com/s/sasaranase/file/image2.gif">http://blog26 .fc2.com/s/sasaranase/file/image2.gif</a>);
background-repeat: repeat-y;
background-attachment: fixed;
background-position: center;
}
のように、変更してみましたが、背景部分は真っ白になってしまいました。
製作者さまのを見ると、背景は左右に画像を置き、縦方向のみにrepeat
するよう指示されているみたい?で、私の画像は真四角のものなので
repeat-y→repeat
center→left top
と変更したりしてみましたが、変化無しです。
color:#fffとかattachment: fixedなども変更が必要なんでしょうか?
知識がまるで無いのが悲しいです。
2005年09月27日 06:24 by FC2スタッフ
旧フォーラムの記事です
Anonymous 2005-09-26 10:35:38
件名 :最低限のアドバイス
1. 自分のPC(マイピクチャ)から、画像をアップロード:
管理画面>ファイルアップロード
2. アップロードされた画像のパス(URL)を確認:
アップロード画像の一覧画面より、画像をクリックして画像を表示
→マウス右クリック>プロパティ>アドレス(URL)←これを範囲選択してコピー
3. スタイルシートを編集:
background-image : url("画像のパス");
↑「画像のパス」の部分に、画像のURL(http://blog#.fc2.com/...xxx.gif)を貼りつ ける。
2005年09月26日 10:35 by FC2スタッフ
Copyright(c)1999 FC2, Inc. All Rights Reserved.
@fc2infoさんをフォロー