本題の前にお知らせ。RSSの登録先をこっちにしてくれるとうれしいです。近々ディレクトリ整理したいので。
http://feeds.feedburner.jp/csshappylife
では、本題に。
2カラムサンプル13種で宣言しておいて、放置してましたが重い腰を動かしてようやっと作りました。
というか、エントリー自体も時間が空いてしまい、申し訳ない限りでございます。。。
一度気が抜けると、中々書こうって思えないっすね。
今回は3カラムですが、ネガティブマージンを使ったサンプルが多い感じです。
殆ど経験が無い中作っていたので、なんか楽しくなってました。
個人的にはふいに思いついた、15番のサンプルとかが使えるかも知れないとか思ってます。
広告って載せたいけど、センターの位置をずらしたくない時とか有ると思うのです。
仕様っぽいことと注意事項っぽいこと
DOCTYPEは XHTML 1.0 Strict で文字コードは utf-8 で、XML宣言はしておりません。
表示確認は、IE7とFirefox2でおこなってます。
Opera、Win Safari、IE6辺りも適当に確認してます。
IE5xは対応してません。仕様です。
主流ブラウザだったら大半は問題ないと思いますが、崩れているサンプルは教えてくれると嬉しいです。
HTMLの要素とかに関しては全て同じです。（テキストなどは違いますが）
そのため、使ってないdiv要素があるのはご愛敬です。
このサンプルを使うことの一切の制限が無いです。
人に配ろうが、どうカスタマイズしようが、商用だろうが、何に使うのもご自由です。
ウチから拾ってきたとかって紹介や、リンクも不要です。
その代わりという訳ではないですが、このサンプルを使ったことで何らかの問題等が発生しても一切の保障やら責任は負いません。
あ、紹介やリンク、ブクマとかは不要だけどしてくれたら嬉しいっす。
3カラムサンプル一覧
3カラムサンプル全て
Sample 01
- 固定幅・#main #sub #ex
- Sample 01 DL（zip）
Sample 02
- 固定幅・#sub #main #ex
- Sample 02 DL（zip）
Sample 03
- 固定幅・#ex #main #sub
- Sample 03 DL（zip）
Sample 04
- リキッド・#main #sub #ex
- Sample 04 DL（zip）
Sample 05
- リキッド・#sub #main #ex
- Sample 05 DL（zip）
Sample 06
- リキッド・#ex #main #sub
- Sample 06 DL（zip）
Sample 07
- リキッド・#sub #ex固定・#main #sub #ex
- Sample 07 DL（zip）
Sample 08
- リキッド・#sub #ex固定・#sub #main #ex
- Sample 08 DL（zip）
Sample 09
- リキッド・#sub #ex固定・#ex #main #sub
- Sample 09 DL（zip）
Sample 10
- リキッド・#sub #ex固定・#sub #ex #main
- Sample 10 DL（zip）
Sample 11
- リキッド・#sub固定・#main #sub #ex
- Sample 11 DL（zip）
Sample 12
- リキッド・#sub固定・#sub #main #ex
- Sample 12 DL（zip）
Sample 13
- リキッド・#sub固定・#ex #sub #main
- Sample 13 DL（zip）
Sample 14
- リキッド・#sub固定・#ex #main #sub
- Sample 14 DL（zip）
Sample 15
- 固定・#exを横っちょに
- Sample 15 DL（zip）
Sample 16
- エラスティック・#main #sub #ex
- Sample 16 DL（zip）
Sample 17
- エラスティック・#sub #main #ex
- Sample 17 DL（zip）
Sample 18
- エラスティック・#ex #main #sub
- Sample 18 DL（zip）