立体感のあるサイトについて。

質問

ホームページ全体に影がついて、立体的に見せる方法を教えて下さい。

回答No.2

monica_panda · ベストアンサー

あ、趣旨が合っていて良かったですv
的外れな回答しているかなーって思っちゃったので(*~ワ~*)

一個目のサイト様でもHTMLテンプレートで
陰のあるデザインも配布されているようですし、
それを使うのもいいかもです。

検索は「横長　素材」とか「テーブル素材」で検索すると見つけやすいですよ。テーブルの場合は、大抵３列３列のテーブルで作るので、右中央の画像を背景に設定するといいです(参考URLの一つ目を参考にしてくださいね。２番目はその素材サイト様トップ)

あと、タグですが、
TABLE{
filter: progid:DXImageTransform.Microsoft.dropshadow(color=影の色,positive=true,offx=横の影の長さ,offy=offy=縦の影の長さ)"
}
って、感じで、セルではなくテーブルに適用してみてくださいな。

参考URL：

http://www.urban.ne.jp/home/katoss/tb_0/tblace1.html,http://www.urban.ne.jp/home/katoss/

お礼

お礼、遅くなって申し訳ございません。
ものすごく、参考になりました。
本当にありがとうございました！！

回答No.1

monica_panda

影というのは、一つ目参考URLのサイト様であるような影ですか？
もし、そうなら、影が着いてるように見える画像を背景やフレームに使っていると思いますよ。
テンプレートを配布していらっしゃるサイト様や、素材サイト様を検索すると、イメージに合った画像が見つかると思います。

もう一つのサイト様はタグで影をつける方法ですが
テーブルとかにも使えるタグなので、単調な影でよければ
こちらの方法でもいけますよ(*'ー'*)

参考URL：

http://odd.to/,http://sussiweb.com/hp/html/img/25.htm

補足

ありがとうございます！
まさに一つ目のURLのサイト様のような影です。

「影付き背景画像」などで検索すると出るのでしょうか。。。
それとも「影」自体の素材が配布されているということでしょうか。
今まで素材サイト様を拝見したことはありますが、影の付いた背景画像などはみたことがなかったもので。ド素人ですみません。

そして、二つ目のURLのサイト様のやり方も試してみました。
CSSで
TD {
filter: shadow(color=red, direction=135);
}
と設定しましたが、影の付くのはテーブル内のバナーや文字だけで、テーブルの外枠には影はつきませんでした。
もしよろしかったらまた教えて下さい。

重ねての質問、お許しください。