• ベストアンサー

HPの背景に影を付ける

上手く説明出来るかわからないのですが 表示される時に、HPのボディで白い枠があって(それが左寄りになっているとか)その外側に背景色があって そこの境目に影がついているサイトってありますよね(こんな説明でわかるかな) その設定のやり方が知りたいのですが、ソースを開いても、どれがそうなのか良く判りません。 手持ちの作成ソフトはHPビルダーとDWです。 詳しい方、教えて下さい。よろしくお願いします。

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

  • ベストアンサー
  • koma30007
  • ベストアンサー率87% (173/198)
回答No.1

HPビルダーでもDreamWeaverでもどちらでも大丈夫ですが、 ソース編集画面で編集します。 http://www.1uphp.com/con2/layout/shadow.html ※<DIV>にCSSで背景画像を指定する方法がお勧めです。 以下のページでもほぼ同じ方法を紹介しています。 http://www.webword.jp/html/background/index1.html 上記2つは画像が3枚ですが、下記のページでは画像を 2枚使用する方法を紹介しています。 参考としてどうぞ。 http://www.d-spica.com/designcatalog/block/div052-hpi.html

monicaconica
質問者

お礼

お礼が大変遅くなり、申し訳ありませんでした。 何とか解決いたしましたので、ここで締めさせていただきます ご丁寧にどうもありがとうございました。

関連するQ&A

  • IFREAMと背景色について

    こんにちは、宜しくお願いします。 ビルダー6を利用しています。 質問は、 1; IFERAMを挿入すると、ちゃんと入るんですが、枠に影?が出てきてしまいます。  この影をなくす方法は無いのでしょうか。 2;背景の一部だけ色が変えてあるところがありますが、 ソースを見るとスタイルシートのようなのですが、 好きなところだけ背景色を変える方法がわかりません。 3; http://koiotome.com/shop/index.html  このHPのように、中央のテーブルの(テーブルですよね・・?)周りをきれいな影で囲むのは どの様にしているのでしょうか。  下手な質問の仕方ですみません。宜しくお願いいたします。

  • HPビルダー8 背景について

    こんにちは。 HPビルダー8を使ってHPを作成している者です。 質問は、画面をスクロールするときに、背景を動かないように固定したいのですがどうすれば良いのでしょうか? どなたか詳しい方教えてください。 よろしくお願いします

  • HP背景について

    FrontPageExpressで今HP作成をしています。 背景固定で他のHPにあったように、 <body background="画像URL" bgcolor="♯FFFFFF" bgproperties="fixed" というのはできたのですが、その後ろに、 bgrepeat="no-repeat" bgposition="left bottom" とやっても背景がその通りになりません。 どうしてでしょうか。

  • QRコードをHPに貼り付けたい

    QRコードをHPに貼り付けたいのですが、その方法を教えてください。QRコードは無料ソフトで作成しました。画像として貼り付ければいいんですか?HP作成ソフトはビルダーです。 また、ソースを貼り付けるならば、(http://www.・・・・・)をQRコードに作成した場合のソースは?うまく説明できなくてすみません。

  • HP、背景画像について

    HPを作成中です。 ソフトはホームページビルダー6です。 デジカメで撮った写真を背景にしたいのですが、 撮った写真をそのまま、背景に設定すると画像が大きすぎます。 かといって、画像を小さくすると画面いっぱいに表示されるのかも心配です。 理想は、よくスライドショーにするとブラウザに合わせて画像の大きさが変化してくれる感じにしたいのですが、 そういう方法はあるでしょうか。 Javaスクリプトなど特殊な機能をつかうのでしょうか

  • HPを公開するときの位置について

    HPビルダーでHPを作ったんですがインデックスを開いてみるとページが左寄りになってしまいます。中央にすることはできるんでしょうか? すみませんが初心者なのでできるだけわかりやすく説明してもらえるとありがたいです。お願いします。

  • 個人HPの背景について教えて下さい。

    私、個人のHPを作ったのですが…テンプレートを借りてきて作成したHPだったので 自分色のHPにしたくなってきたので、参考にしたいHPを画像添付したので 宜しくお願いします。 質問内容は、画像のように背景をピンク色の素材をおいたとして 白い透過した素材をピンク色の背景に重ねたいのですが うまくいきません。 ホームページビルダーにてピンク色の素材を背景とすると、白い素材を画像でおくと上と下に少し 隙間が開いてしまうんです。 どうしたら上手に出来ますか? ネットで調べたのですが…調べようがなくて困っています。 どうぞ、宜しくお願いします。

  • HP作成で・・・

    私は今HPを作成に使用しているソフトはFrontpage express です。いろいろ、作成用のソフトありますよね。ビルダーとか・・・。私はお金をかけず(できればフリーソフトとか)別なソフトでも作成してみたいのですが・・・どんなソフトがあるでしょうか?いちどワードで作成したのですが、ソースで手直しする時にとても面倒でした。これで、説明になっているかわかりませんが、ご意見おねがいします。

    • ベストアンサー
    • HTML
  • HP作成の手順と、タイトル部分の背景について

    HPを作ろうと思っています。テンプレートが手っ取り早いのかと、色々探していました。できれば、最初から自作したほうがいいんでしょうけど、いずれ、と思っています。何点か、疑問があるのでおしえていただけますか?初心者で言葉足らずの説明になっていますが、申しわけありません。 1.HPをエディタ等で最初から作成する場合、どういう順番で考案していくのでしょうか?例えば、(1)文章を考える(2)使う写真を揃える(3)いくつの枠にするか考える・・・(すいません、適当です。)等、どういう手順でHP作成を手がけていくのか教えてください。文章を考えているとデザインが気になり、素材が気になり、と、うまく進まないのです・・・。 2.タイトルの部分に、写真を使っていらっしゃる方が多いのですが、これは素材で見つけることができます。教えていただきたいのは、デザイン性の高い背景です。ロゴというのでしょうか、ロゴはソフト操作で作られたりすると思うんですが、適切な単語が分からなくて恐縮です。色だけで曲線のある凝ったデザイン背景に文字が入ったものです。あれはどういう技術で作成されているのでしょうか?フォトショップなどの専門ソフトが必要なのでしょうか??それとも業者さんにお願いするしかないのでしょうか??そういう背景は配布されていないですよね・・・。 長くなりましたが、よろしくお願いします。

  • dreamweaverMXテーブル背景に影を付けたいのですが…。

    いつもお世話になっております。 会社のHP作成をまかされたのですが、HP作成はまったくの未経験のため 悪戦苦闘しています。 けど、何とかクオリティの高いものを作りたいです。 いろいろ参考書も読みましたが、CSSとかいまいち理解できません。 HPのテーブルがシャドウによって浮き出ているようにしたいです。 http://www.lithmatic.net/lithApService/ このようなイメージです。 スクロールしても切れる事無く、なおかつ最後尾には下影で 終わる(参考urlのような感じで)にしたいのですが、どうすれば良いのでしょうか?テーブルで影を付ける方法なら分かるのですが、 それだとスクロールでは切れてしまいますよね? 背景としてシャドウを使いたいと思います。 色々調べて、こちらのサイトで http://oshiete1.goo.ne.jp/qa3551329.html の回答を見て、illustratorにて同じ比率のバックでで壁紙を作成しました。ただ、作成HPの幅は800pxにしているので800pxのボックスに シャドウを作っているような形です。 ですが、ページプロパティの背景で入れると、横に作成したはずなのに 縦に配置されてしまいます。 CSSにてY軸繰り返し(?)で作成したものの、今度は作った壁紙が まったく反映してくれません。真っ白なままです。 どうすればいいか分かりません。 あと最後尾部分のシャドウはイメージを貼付ける方法しか思い 浮かばなかったのですが、壁紙として作る事は可能なのでしょうか? 初心者のため分かりやすく教えて頂けると助かります。 使用ソフトDreamweaverMX MacOS10.4になります。 アドバイス宜しくお願い致します。