背景画像を複数設定

質問

ブログの背景についてですが、背景画像は1枚しか指定できないのでしょうか？

左に１枚、右に１枚と設定したいのですができますか？

フレームを使うと背景にならないですし・・・(なる？)。よろしくお願いします。

回答No.3

taseki · ベストアンサー

どんなブログを使っているのか判りませんが、ページのヘッダ部（本文より上ならどこでも）にタグを入れることはできますか？
もしできるなら、img タグを入れて、その img と本文の位置をスタイルで指定し、ようするに img の上に本文を重ねれば、背景になりますよね。
簡単に言えば、たとえば以下のように。

<img src="img0.gif" width="300" height="300" style="position:absolute;top:20px; left:20px;">
<img src="img1.gif" width="300" height="300" style="position:absolute;top:20px; left:320px;">
<div style="position:absolute;top:30px; left:30px;">～本文～～本文～</div>

お礼

うーん。うまくいきませんでした。

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

回答No.5

SV576

No.3さんの方法で簡単にできました。
これなら、どのブログでも対応できそうですよ。
No.4さんの方法でもできそうですが、これだと本文が左右に分かれてしまいますね。No.3さんの方法だとタグを２つ足すだけで楽なのと、どのブログでも可能かと。

お礼

なんとそれはもう一度試してみます。ありがとうございました。

回答No.4

s_hukami

どのブログをご利用なのか判りませんが、
例えば
<div id="left">左側</div>
<div id="right">右側</div>
となっている場合には
CSSで
#left { background: #003366 url(images/gazo01.gif) no-repeat bottom left; }
#right { background: #dfdfff url(images/gazo02.gif) no-repeat center center; }
などと指定すると表示できます。

ほとんどのブログはIDまたはクラスを指定して、レイアウトしていますので、HTMLソースなどを見て、背景などを指定したい場所のID・クラス名を確認して、CSSで指定してください。
なお上記の記述は背景を「背景色/背景画像/背景画像の並べかた/背景の縦方向の位置/背景の横方向の位置」でまとめて指定しています。

参考サイトはとほほのWWW入門のスタイルシートの背景指定についての記述のURLです。

参考URL：

http://www.tohoho-web.com/css/reference.htm#background

お礼

どうもそれでは私の思ったようにはいかないようです。

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

補足

補足説明させていただきます。
seesaaのブログを使っています。HTML編集可です。

回答No.2

koutarou504

たぶん１枚しか指定できないと思います。

というか、正式にブログという単語に対し技術的に出来るかどうかというのなら、出来るというのが正しいのですが。
ここで質問している事から推測してどこかのブログサービスを利用していてのそのサービスでの複数背景というカスタマイズが可能かという事と思いまして
複数指定は用意されていないと思い出来ないとお答え致しました。

ブログの技術的にはその元の仕掛けの左右それぞれをＤＩＶ要素で分けてその要素の背景とする手段がありますが、
それこそブログの環境が自作でないと困難で・・・。
（というか、自由度よりも簡易な点がウリのブログだし・・・。）

あとは、見せたい背景画像ですが、
自作ならくっつけるという手段もありますが
サイズの配慮など大変です。
（フリーの画像の場合は権利関係で加工も許可しているかなども問題ですし・・・。）

という事で、ブログサービスを利用している時点で判らないことはあきらめると判断すべきで、
ご自分でブログ環境まで持っているのなら、
これぐらいの事は逆に出来て欲しいなぁ～と。

もしかすると、改めてどこかでフリーのＷｅｂサイトを公開する方が良いかも。
当然デザインの自由度は高いです。
徐々に手を付けて知識も付きます。

（他のブログページとの連携を望むとなると、
その様なデザインの可変の自由度を元から提供してくれるブログサービスを探すしかないでしょう。
存在するかはそれこそわかりませんが・・・。）

お礼

出来なくはないけどそこにはさまざまな障害がある・・・みたいなことでいいですかね。

とりあえず、複数枚背景画像を張ることはあきらめます。

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

回答No.1

2NN

背景は１枚しか指定できません。

TABLEタグなどを強引に使って、ページの背景とテーブルの背景を
重ね合わせるようなことは不可能ではないですが、
左右だと、コンテンツも左右に割れるので、良い方法ではないです。

お礼

回答どうもありがとうございます。

あきらめる以外なさそうですね。でも、そういうあれもあってもいいとおもうのですが・・・。