SUNSWEBLOG

昨年末にmixiの「Photoshop」コミュニティで自分のサイトが応用の利かないレイアウト例？として書込みされ、未だそこからのアクセスがあって腹が立つので名誉の為にレクチャー？しておこう。

書き込みしているア○！の文章がどうも理解出来ないので、こちらで勝手に解釈することにする。多分言いたいのは．．．。サイトの背景にシャドーの掛かった画像を配置したいのだが、固定ではなく可変での配置がしたい？ってな事を言いたいのだと思う。

固定レイアウトか？可変レイアウトか？はサイトの仕様やデザイン、好み、制作スピリットなどによって変わるので後回しにするとして、まずは端的にやり方を．．．。

1・シャドーの画像を制作する。（左右別々に）
2・可変のレイアウトを制作する。
3・bodyタグへ左のシャドーの背景を指定。
4・コンテンツを囲むBOX（containerとか）へ右のシャドーの背景を指定。
5・出来上がり！

簡単でしょう？（もっと他にも良いやり方あるかもしれんが．．．。）
上記が理解出来ないようであればテーブル組んで作った方が早いかも知れません。

【固定レイアウトか？可変レイアウトか？は？】
コンテンツのレイアウト仕様（２カラム、３カラムなど）によって変わるかも知れませんが今後ディスプレイサイズが大きくなった際には、コンテンツの文字が間延びして逆に読みづらい場合も出てきます。（最大幅を制限すれば良いんだけど）「絶対リキッドレイアウトの方が良い！」と言う方もいらっしゃいますが、必ずしもそうでなく弊害もあるので、サイトコンテンツやデザインに合わせて使い分けると良いと思います。自分が固定レイアウトを多く使用するのはそこら辺の使い勝手も考えての事です。（制作者それぞれ考えがありますから）

ってmixi上で議論する気も、レクチャーする気も無いのでここら辺で．．．。すでに退会してる上に人様のレスに便乗しやがって。こちとら迷惑してんだぞゴラ！（*｀Д´）
※mixi経由のアドを制限しちゃえばよいだけの話だけどね．．．。

Tags: work //