注目タグ

テンプレート・プラグイン

トピック詳細

背景の変更が上手くいかない

旧フォーラムの記事です 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スタッフ

コメント一覧 6件中、1~6件表示

  • 旧フォーラムの記事です
    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スタッフ