• ベストアンサー

ホームページの枠に影をつける方法を教えてください。

piguchan1の回答

回答No.2

たぶん背景に影の画像を用意して、それをY軸にリピートして使用すればいいのではないのでしょうか。

noname#52036
質問者

お礼

ありがとうございます。 ということは影のみの画像を2pxか3pxくらいで用意してメインの背景(白枠)の横に並べる感じでしょうか? そうするとCSSが少し複雑になりそうなんですが・・・ なにか勘違いしているのでしょうか? また、ご覧になられましたら、ご助言宜しくお願い致します。

関連するQ&A

  • ホームページの枠に影をつけたいのです。

    はじめまして。 現在ホームページを作成しています。 そこでよく見かけるホームページの枠にドロップシャドウのような影をつけたいのですがどうすればいいのでしょうか? 参考サイト http://www.plastiq.jp/ 画像を配置すればいい。という記述を見かけたのですが、どこにどのようにしてどのような画像を張ればいいのかわからず、困っています。 どうかよろしくお願いいたします。

    • ベストアンサー
    • HTML
  • ホームページの両端の影の作り方

    ホームページの両端に影を付けたいと思っています。 下の画像のようなものですが、メインコンテンツが黒で両端が薄茶になっています。これは右端の部分です。 これをスタイルシートで「background-repeat: repeat-y;」で縦に繰り返せばうまく表示されます。 ところで、この影をどのようにして作成したらよいのかわかりません。 影を作る方法を教えてください。 それと、ホームページの両端につける影以外の効果でお薦めのものがあればその方法も教えてください。 基本的にはGIMPかJTrimで作成できればいいと思っています。 よろしくお願いします。

  • 影を両サイド(全方位)につける方法を教えてください。

    はじめまして。 現在、手探り状態ですが、ホームページを作成しております。 そこで、お聞きしたいのですが、よく見かけるホームページの背景、というわ枠を影をつけて自分のホームページにも作成したいと考えているのですが、画像の作り方がわかりません・・・ 参考サイト:http://www.maris-nail.com/top/index.html こちらの参考サイトなどは両サイドに影がついていると思うのですが、これはどのようにして作成しているのでしょうか? ドロップシャドウですと基本的には片面(4辺のうち2辺)しか影がつかないと思うのですが・・・ 使用ソフトはphotoshopとillustratorになります。 どうかよろしくお願いいたします。

  • ホームページビルダーのレイアウト枠

    ホームページビルダーの「レイアウト枠」を消す方法を教えてください。 ホームページビルダーでHP作成をする上で「レイアウト枠」を使いたいのですが、4~5個の「レイアウト枠」を前もって出した後、結局3個しか使わなかったので不要な分を削除しようとしても右クリックメニューで削除できませんでした。 結局は文章ソースから削除したのですが、どうにも面倒くさくって・・・・・ もっと簡単に削除する方法はありませんか? マニュアルを見ても載っていないんです。 よろしくお願いします。

  • 画像に影をつける方法について

    ・・・・・・・・・・・・             この写真は○○です。    画像        ・・・・・・・・・・・・  ↑ 上記のようなレイアウトになっている「画像部分」に影を付けたくて、あるサイトで見つけた下記の文字を加えてました。 <div style="width: 100%; padding-bottom: 10px; filter: shadow(color=#4d4d4d, direction=135);"> <img src= "http://*******" align="left"> この写真は○○です。</div> 画像部分に影が付くようにはなったんですが、画像横の文字「この写真は○○です。」まで影付きになってしまいました。 画像部分だけに影を付けるには、どうしたらよいのでしょうか。教えてください。

    • ベストアンサー
    • HTML
  • レイアウト枠について ホームページビルダー

    ホームページビルダー13を使っています。 「任意で作成したラベルにマウスポインタを合わせると、自動でプルダウンメニューが表示され、離すと非表示になる。」というものを作成するのに、プルダウンメニューをレイアウト枠で作り、ラベルの下に位置調整をしました。しかし、プレビューで確認するとWindowの大きさ(幅)により、ラベルとレイアウト枠の位置がずれてしまいプルダウンになりません。 標準モードで作っていますが、ブラウザの表示領域に関係なく、任意で作成したラベルの下にレイアウト枠を固定するにはどうしたらよいのでしょうか?

  • Homepage managerでcssテンプレートは使えますか。

    Homepage managerでcssテンプレートは使えますか。 レイアウト用にcssのテンプレートを使ってみようと思い、他のサイトからダウロードしたのですが、Homepage managerでとりこんで使うことができるのでしょうか。スタイルシートファイルエディタを使うのかと思ったのですが、やり方がまったくわかりません。 また、css自体よくわかっていないのですが、このレイアウトの中に細かい表などを作成していくことも可能なのでしょうか。 ご教授よろしくお願い致します。

  • レイアウト枠

    ビルダーをつかっています。(標準モードで作成) レイアウト枠に画像を入れました。 で、ブラウザの大きさを変えた場合普通大きさにあわせて表示が変わると思います。 でもレイアウト枠の画像だけが、固定されたままで他の画像と動きが違います。 なぜでしょうか?

  • ホームページビルダーでの外部CSS

    ホームページ作成しています。 ど素人なりに頑張っていますが、内容が増えていくにつれ、だんだん動作が遅くなってきました。 そこで、最近「外部にスタイルシートを作る」ということを学びましたが、「div」あたりになると、さっぱり理解できず、結局「body」や「A」などのCSSを外部にするという段階にとどまっています。 もうすでに、レイアウトやデザインは決まっているので、今ある「manu」や「head」などを外部CSSに固定すれば、あとは記事を書くだけでページが作れると思うのですが…。 CSSのサイトはいろいろ拝見したのですが、レイアウトの段階になると、途中でわからなくなってしまいます。 ホームページビルダー付属のスタイルシートでは、デザインが合いません。そこで、素人にもわかりやすい、レイアウト枠としての外部CSS作成法をご指導ください。また、そのようなフリースタイルシートのソースなどがあればご紹介ください。 とにかく、外部CSSで、レイアウトを固定したいのです。 よろしくお願いいたします。

  • ホームページレイアウト

    いつもお世話になっております。 ホームページ制作をしています。(が、未熟者です。) Illustrator8でデザイン・レイアウト作成→ある程度OKが出たらイラレデータを分解・画像化→Dreamweaver8でコーディングという流れです。 自分でイラレ上レイアウトをする場合はコーディングのことを考えて行うのですが、今回別の方がイラレデータをつくり、コーディングのみを行うことになりました。 あまりHPやDreamweaverに詳しくなく、イラレのプロな方なので、重なった画像を多用したりと、Dreamweaverでのレイアウトが難しいものを出されてしまいました。 具体的には複数の写真が重なり、その写真から吹き出し(イラスト)が出ているというものです。 それだけなら画像として扱えばいいのですが、吹き出しの中の文字はDreamweaverで打たないと読めないのです。 こういう場合は、まず吹き出し中の文字を消した画像データを用意→Dreamweaverでテーブルを作り背景画像にする→テーブルをうまく吹き出し部分に合わせ文字を打つ という方法しか思いつかないのですが、間違っているでしょうか? テーブルレイアウトはよくないと言われますが、この場合もCSSなどででいけるものでしょうか?(CSSレイアウトは勉強中で詳しくありません。) 恐れ入りますがご回答お待ちしております。 長文失礼致しました。