リキッドデザインのサンプルレイアウト
先日2xup.orgさんの「一行あたりの文字数を制限するリキッドレイアウト」を読ませていただき、わたくしも実際にサンプルレイアウトを作ってみました～。
このブログで先日ご紹介した、「透過PNGをIE6以下のバージョンで綺麗に表示する方法」とあわせて、このリキッドレイアウトを使えば、デザインの幅も広がりそうですねぇ。。
っちゅうわけで、さっそく、サンプルレイアウトを。。。
1. 左サイドバーのリキッドレイアウト
左サイドバーのサンプルレイアウトですわ。
横幅はブラウザのサイズ80%に設定しております。
ブラウザの横幅を伸縮させればデザインもブラウザにあわせて伸縮するように設定。
←画像クリックでサンプル開きます。
2. 右サイドバーのリキッドレイアウト
右サイドバーのサンプルレイアウトですわ。
横幅はブラウザのサイズ80%に設定しております。
ブラウザの横幅を伸縮させればデザインもブラウザにあわせて伸縮するように設定。
←画像クリックでサンプル開きます。
3. ３カラムのリキッドレイアウト
３カラムのサンプルレイアウトですわ。
横幅はブラウザのサイズ80%に設定しております。
ブラウザの横幅を伸縮させればデザインもブラウザにあわせて伸縮するように設定。
←画像クリックでサンプル開きます。
|
|
|
December 25th, 2006 at 10:53 am
よくわかりません。
テンプレートの新規公開ではないのですか？
December 26th, 2006 at 5:53 am
eijiさん
いえいえ！テンプレートじゃないですよ。。
あくまでもサンプルで。。。
そうですねぇ。時間があったら、リキッドレイアウトのテンプレートを公開しようと思います。