• ベストアンサー

サイトの背景

http://www.patterncooler.com/editor/?P=246A6D000000241D0F160A08C5C5A1_48 ↑のサイトで背景をダウンロードはできたのですが、この画像をどうやってホームページの背景に設定できますか? FC2をつかってます。 この画像のパターンでページを埋め尽くしたいのですが、どうもうまくいきません。 このサイトの似たような質問も調べたんですが、、、どなたか教えていただける幸いです。

  • HTML
  • 回答数1
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • noris02
  • ベストアンサー率74% (56/75)
回答No.1

一番簡単な方法を書きます <body style="background:url( ./「ダウンロードした画像のファイル名.拡張子」 );"> として、そのhtmlファイルと同じ場所に ダウンロードした画像を置く。

gonshisan
質問者

お礼

ありがとうございました。

関連するQ&A

  • テキストの背景になる台紙のダウンロード

    https://gyazo.com/fe811e30d0fc3287492b8c925a5ae909 上記のような台紙がダウンロードできるサイトを探しています。テキストはこちらで 書きます。 どなたかサイトを教えてください。

  • htmlの背景に付いて

    http://javascript.eweb-design.com/1302_bic.html のページの方法でバックグラウンドをつくりました(セレクトボックス版) 背景の画像のサイズをページと合わせたいのですが、どうすればいいですか こちらが作成中のページです http://tamkame.web.fc2.com/

    • ベストアンサー
    • HTML
  • ホームページ背景画像

    過去の質問何度もみましたが分からないので教えてください。 ホームページビルダー11を使っています。 ページの上に728×142程度の背景を起きたいのですが 背景画像をダウンロードするとページいっぱいに表示されます。 ダウンロードはやはり横長の背景をダウンロードしなけらば、 ならないのでしょうか?横長の背景をダウンロードして、repeatしないようにするとかしないと駄目でしょうか? 背景画像(ページいっぱいに表示されます)気に入っているので 使いたいのです。 ホームページ作ったばかりで、まだ勉強中なのでできましたら、 素人にも分かりやすく説明していただければ助かります。 よろしくお願いします。

  • 背景の繰り返しについて

    fc2でホームページを始めました。 ビルダーなどは使わず、手打ちでなんとか形にはなったのですが、どうしてもわからないところがあります。 背景に関してなのですが、右上・繰り返しなしできちんと作れたページ<1>があったとします。 次のページ<2>を作る際、<1>の本文だけ変えて保存します。 <1>と<2>は、ソースは同じで本文だけを差し替えただけの状態です。 もちろん、titleは変えたりしていますが、 body { background-attachment:fixed; background-repeat : no-repeat; background-position : 100% 0%;} の部分はいじっていません。 それなのに、<1>では正確に右上固定できていた背景が、<2>では全画面に繰り返されてしまうのです。 しかも、<1>→<2>→<3>とページを順に進むと間違いなく表示できていたり、<3>→<2>と戻ると突然繰り返しになってしまったりします。 手打ちではありますが、fc2のエディタが自動編集しているので、アップロード後におかしくなる原因が、イマイチわかりません。 できるページとできないページがあるので、とても困っています。

    • ベストアンサー
    • HTML
  • サイトの背景画像をキレイにしたいのですが、

    サイトの背景画像をキレイにしたいのですが、 http://tanikoi.com/ http://interia-wing.jp/ のような背景画像はどのように作成されているのでしょうか? とくに、サイトの周りが影付のようになっているのですが これも背景画像で作成されているのでしょうか? 詳しいかたご回答願います。

    • ベストアンサー
    • CSS
  • FC2ホームページの背景色が変わりません!

    FC2ホームページの背景色が変わりません! もう本当にわからないのでこちらで質問させて頂きます。 FC2にて今ホームページを作っているのですが、どんなにしても背景の色が変わらないのです。 画像を添付したページを作っていて背景の色を黒にしたいのですが、htmlで<body の後に色の指定をして、その後はちゃんと変わっているのです。ブラウザで確認してもちゃんと黒になっているんですが、ディレクトリに保存すると背景は変わらないままになっているのです・・・! 1日前に他の同じ様な画像ページを作っていた時はちゃんと黒になって保存もちゃんとできたのですが・・・ 色々検索もしてcssでも試してみましたが、それもやっぱり1回はちゃんと背景色変わるのですが、保存すると白くなってしまいました・・・。 なにか原因があるのでしょうか? とりあえずhtmlのせておきます・・・ <html dir="ltr"> <head> <title></title> </head> <body> <p style="text-align: center; "><span style="color: rgb(192, 192, 192); "><span style="font-size: smaller; ">タイトル</span></span></p> <p style="text-align: center; ">&nbsp;</p> <p style="text-align: center; "><span style="background-color: rgb(0, 0, 0); "><img width="400" height="400" alt="" src=画像のURL /></span></p> </body> </html> 上の<body の後にbgcolor="#000000"> とちゃんと記入するのですが、保存した後ソース見るとbgcolor="#000000"が消えているのです・・・ サイト作りは本当に初心者なので何か間違っているのかもしれません。 しかし原因が本当にわからないので・・・似た様な経験されてる方、なにかご存知な方いましたら回答お願い致します!

    • ベストアンサー
    • HTML
  • HP作成で背景画像を設定する方法ですが、うまくいきません。

    HP作成で背景画像を設定する方法ですが、うまくいきません。 スタイルシートCSS等でいろいろサイトを見て試しましたが、 画像がどうしてもスクロールしてしまい、思ったように表示できません。 http://ravensky34.web.fc2.com/test.html HTMLタグでいくら設定しても画像が表示されないか、 ↑のように画像が必ずスクロールしてしまいます。 ソースは↓です。 <html> <head> <title>文書のタイトル</title> <style type="text/css"> body { background-color:#f0f0f0; background-image:url(http://ravensky34.web.fc2.com/2008_6_27_059syuku_2.jpg); background-attachment: fixed; color:#000000; }</style> </head> <body> <div>&nbsp;</div> <p>&nbsp;</p> </body> </html> どなたか解決方法を知っている方いましたら、教えて頂けると嬉しいです。

    • ベストアンサー
    • HTML
  • FC2ホームページ、背景画像がどうしても表示されません。なぜでしょうか?

    FC2ホームページ、背景画像がどうしても表示されません。なぜでしょうか? FC2ホームページで、 ・背景アップロード済み、 ・そのURLでリンク張って表示。 ・CSSで背景指定しても駄目。 ・ビルダーで製作後、アップロードすると背景が表示されずに真っ白け。 という状況です。 ほかにやる手立てはあるでしょうか? それとも、もともとFC2は背景画像表示されないのでしょうか? よろしくお願いします。

  • FC2ブログの背景に写真を使いたい

    FC2ブログを使用して まだ1ヶ月位の初心者です ただ、ブログは初心者ですが パソコンとネットの知識は中級と自己判断してます それでOSはビスタで ブラウザはFirefox3.5なんですが ブログの背景に、現在はテンプレートを使用してます しかし、ここに自分の写真を入れられる事を知って 変更したいと考えました ただ、入れるとしても 画像の大きさから考えて 1枚で…は厳しいと思うんで、2~3枚を横に並べて 設定しようと思います そこで聞きたいんですが 下記HPで変更方法の解説を見ました 『背景の色を変更』 http://blog.fc2.com/custom_manual/#m004 そこには、こういう↓書き方で解説してましたが -------------------------------------------------------------------------------- body { background-image : url("画像のパス"); /* 背景画像の設定 */ background-repeat : repeat; /* 背景画像を横縦タイル状に並べる */ background-position : left top; /* 開始位置を画面左上に設定 */ background-attachment : fixed; /* 背景画像の位置を固定 */ ------------------------------------------------------------------------------- これが私のブログです↓ ------------------------------------------------------------------------------- body { background-color: #3F3F3F; color: #333333; font-family : Verdana, "MS Pゴシック", sans-serif; font-size: x-small; background-image: url(http://blog-imgs-41.fc2.com/t/m/p/tmpllabo/tmpl013_bg.jpg); background-repeat: repeat-x; background-attachment: fixed; background-position: center top; } ------------------------------------------------------------------------------------- 解説から考えると、私のブログ内の 「background-image: url(http://blog-imgs-41.fc2.com/t/m/p/tmpllabo/tmpl013_bg.jpg);」 内の“http://blog-imgs-41.fc2.com/t/m/p/tmpllabo/tmpl013_bg.jpg” の部分に写真のURLを入れれば良いんでしょうか? それと、以前、私が読んだ本の中には 「写真は予め、タイトル部分の大きさ780×200ピクセルに 合わせてリサイズしよう」 と書いてありました しかし、添付した写真が私の現背景写真なんですが 枠で囲んだ部分が、そのサイズなんでしょうか? もし、そうだとしたら このサイズ、どうやって測るんでしょうか? ちなみに右クリックでプロパティを見ようとしても 画像では無いからだと思いますが 右クリックの項目にプロパティの項目が出て来ません もし違うとしたら、どの様に解釈すれば良いんでしょうか? 又、何か気を付ける事は、あるでしょうか? 宜しく御願いします

  • ブログで、背景画像を変えたいです

    FC2ブログを使用して 約1ヶ月位なんですが パソコンとネットの知識は中級と自己判断してます 更に、OSはビスタで ブラウザはFirefox3.5で ブログの背景に、現在はテンプレートを使用してます しかし、ここに自分の写真を入れられる事を知って 変更したいと考えました 下記HPで変更方法の解説を見ました 『背景の色を変更』 http://blog.fc2.com/custom_manual/#m004 そこには、こういう↓書き方で解説してましたが -------------------------------------------------------------------------------- body { background-image : url("画像のパス"); /* 背景画像の設定 */ background-repeat : repeat; /* 背景画像を横縦タイル状に並べる */ background-position : left top; /* 開始位置を画面左上に設定 */ background-attachment : fixed; /* 背景画像の位置を固定 */ ------------------------------------------------------------------------------- これが私のブログ↓ ------------------------------------------------------------------------------- body { background-color: #3F3F3F; color: #333333; font-family : Verdana, "MS Pゴシック", sans-serif; font-size: x-small; background-image: url(http://blog-imgs-41.fc2.com/t/m/p/tmpllabo/tmpl013_bg.jpg); background-repeat: repeat-x; background-attachment: fixed; background-position: center top; } ------------------------------------------------------------------------------------- 「background-image: url(http://blog-imgs-41.fc2.com/t/m/p/tmpllabo/tmpl013_bg.jpg);」 内の“http://blog-imgs-41.fc2.com/t/m/p/tmpllabo/tmpl013_bg.jpg” の部分に 写真のURLを入れれば良いと分かりました しかし、私は先日勘違いを、してたんですが このURLを取る方法 まず、入れたい画像をブログにアップ そして記事の入力欄に、入れたい画像を入れ そのURLをコピーすれば良いと考えてました でも、この記事の場所はHTMLタイプです しかし、画像の変更が出来る所はスタイルシート それを考えると、HTMLのタグを スタイルシートに反映させようとしても出来ない そう、以前に教えて頂いた事を思い出しました 但し、私の場合 ここで画像のURLを取る方法を知りません そこで聞きたいんですが この画像のURLを取る方法 具体的に教えて頂け無いでしょうか? ひょっとしたらアップの方法等 全く違うのかも知れませんが… 宜しく御願いします