質問:コンテンツ部分のみに背景画像を表示したい。

from: yamamotocorp 2010年07月07日 10時33分 解決 コメントする
各ページ毎にページ内容と関連のある画像を背景表示したいのです。
htmlタグで設定チャレンジしましたが、サイト全体に表示されてしまいます。
私、まだまだ初心者なので専門的なことが判りません。
よろしくお願い致します。
【関連キーワード】画像表示

yamamotocorpさんのプロフィール

【Webサイト制作暦:5年未満】 【QHM歴:1年以上】 【FTPソフト:初心者】 【QHM利用形態:有償版】
【使用しているサーバー:xserver】 【使用できる言語:】
Best Answer  返信数:11 | 解決  Me too度:22 評価する:Me too! 役に立った!

カテゴリ:その他

コメントする

from: nao  2010年07月07日 19時53分
yamamotocorpさん、QHMでは難しいと思います。

背景画像を含めた同じパターンが、全てのページに反映されるのには意味があります。それは、同じWebサイトであると言うイメージで訪問者に安心感を与えます。ページごとにイメージが変わるのは感心できません。

また、ページごとにコンテンツいっぱいの画像を読み込むと言うことは、データが重くなりますので各ページを開くのに時間がかかるということになります。これも理屈に合いません。

テレビのようなイメージをお持ちかと思いますが、インターネットでは、データの重さを考慮しなければなりません。通信環境がよくなったとは言え、一定制限の中で作られているのです。重いページでは訪問者は逃げていきます。一昔前までは、ブラウザの設定で画像を表示しないようにしてネットサーフをしている方も多かったのです。

私も以前は、トップページは、50KBで、その他のページでも150KB程度で作っていた事がありました。今では携帯電話でも楽に見れるデータ量になります。それほどページを開く時の重さを気にしていた時代もありました。今ではうその様な話です。(笑)
役に立ちましたか?: はい
from: yamamotocorp (質問者) 2010年07月08日 08時31分
naoさん、ありがとうございました。
やはり非常に難しいことだったのですね。
しかし、1ページだけ背景画像の上に文字を重ねて説明したい部分があるのです。
文字はリンク処理で別のページへ移動するということをやりたいです。
なにか良い方法はありますでしょうか?
役に立ちましたか?: はい
from: nao  2010年07月08日 09時04分
以下のスレッドのtomzoさんの回答をご覧下さい。

http://www.1st-easy-hp.com/uf/forum/post_view.php?id=1476&word[]=%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AB%E3%83%96%E3%83%AB%E3%83%9E%E3%83%83%E3%83%97
役に立ちましたか?: はい
from: tomzo  2010年07月08日 13時01分 Best Answer!
yamamotocorpさん

tomzoです。

以下のサイトをご覧ください。

No.C07 コンテンツを画像枠で囲みたい

http://qhm.web9.jp/index.php?%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84%E7%B7%A8#ja2e68c8

こちらがご希望のものに近いと思います。
役に立ちましたか?: はい
from: yamamotocorp (質問者) 2010年07月08日 14時20分
naoさん・tomzoさん ご指導ありがとうございました。
参考になりました。実際にできるまでもう少し時間がかかりそうですが、頑張ってみます。
役に立ちましたか?: はい
from: akamina  2010年07月08日 21時38分
>コンテンツ部分のみに背景画像を表示したい。
>各ページ毎にページ内容と関連のある画像を背景表示したいのです。

1.たとえば、AAA.jpgという画像をSWFUでアップロードします。
2.背景として利用したいページの最初に、次のように記述します。

#html2(<div style="background-image:url(./swfu/d/AAA.jpg);">)

3.コンテンツの『途中から下』のみを背景にしたい場合、ページの最初ではなく途中に記述を挿入すればO.K.です。
役に立ちましたか?: はい
from: yamamotocorp (質問者) 2010年07月09日 10時51分
akaminaさんありがとうございます。
試しましたが、メニューバー(左側)がページ下の方に移動したりしてページスタイルが変わってしまいます。
やり方が違っているのでしょうか?
役に立ちましたか?: はい
from: tomzo  2010年07月09日 14時36分
yamamotocorpさん  akamina さん

こんにちは tomzoです。

#html2 を使用するときは、終了タグを忘れないようにしましょう。


#html2(<div style="background-image:url(./swfu/d/AAA.jpg);">)

ここに おまじない をかけます。

#html2(</div>)   <===== この終了タグが必要です。


以下のサイトも参考になるかと思います。
No.C16 コンテンツ部の背景に画像を表示したい

http://qhm.web9.jp/index.php?%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84%E7%B7%A8#gc2870e1
役に立ちましたか?: はい
from: yamamotocorp (質問者) 2010年07月10日 10時52分
tomozoさん
たび重なる御指導大変感謝しております。
ちゃんと表示できるようになりました。

あと、背景画像をセンターに配置するにはどうすればよいでしょうか?
次々と聞いて申し訳ございません。
役に立ちましたか?: はい
from: tomzo  2010年07月12日 18時10分
yamamotocorp さん

以下のようにすれば画面中央に背景画像が表示されます。

#html2(<div style="background-image:url(./swfu/d/AAA.jpg);background-repeat:no-repeat;background-position:center;">)
CENTER:ここに文字を書く
#html2(</div>)
役に立ちましたか?: はい
from: akamina  2010年07月13日 10時35分
yamamotocorp様

誤った情報でご迷惑をおかけし申し訳ありませんでした。
役に立ちましたか?: はい

コメントを書く

コメント: