miximixi

クリーンな水平分割が出来そうな2カラムサンプル

11月18日(日)04:33

category
CSSテンプレート, レイアウト

2カラムなサンプルです。
海外で流行気味?ということで、「クリーンな水平分割」が出来そうなサンプルです。

どんなもんか見たい方・欲しい方は以下よりどうぞ。

この辺で知りました↓
POLAR BEAR BLOG: 「クリーンな水平分割」がウェブデザインの最新流行?

---- こっから続き

言われてみれば確かに多いような気がしないでもないですね。こういうのは。

MT4の管理画面もそんな感じだし。
とはいえ、日本の企業サイトではあんまり見た記憶がないような、チェックが甘いだけなような。

一応サンプルの説明でも。

ベースとしてはそれなりに使いやすいかと思います。

新規でサイトを作るのに使えそうなの一式。をベースにして、各コンテナの子要素にdiv.areaを追加している感じです。

.areaの指定がこんな感じになってて、

#page .area {
	width: 860px;
	margin: 0 auto;
	padding: 10px;
}

#headerとか#contentsとか#footer辺りにはwidthプロパティの指定をしてないっていう感じです。
こういうデザインだとどーしてもdiv要素を追加しなければならないような気がするんだけど、気のせい?

ライセンスに関して毎回書かないといけないのかいささか疑問ですが、そもそもHTMLやCSSには著作権が発生しないとかって読んだんで、煮るなり焼くなり自由に使っていただいて構いません。

ココで説明してもアレかも分かりませんが、ウチのサイトに掲載されているいかなる内容も全てご自由にどうぞ。
(JSなど制作者が別の方のを除く)

記事全文引用しよーが、サンプル掲載しようがOKです。
ダミーテキスト流し込むのに使っていただいても構いません(笑)

ただ、日本の場合、著作が発生するものに関して放棄は出来ないハズだったんで、
発生するようなモノに関しては、ボクに帰属するという事でお願いします。

であであ。

各種SBMに追加
  • Hatenaブックマークに追加
  • del.icio.usに追加
  • POOKMARK Airlinesへ追加
  • livedoorクリップへ追加
  • ニフティクリップへ追加
  • newsingへ投稿
  • Saafブックマークへ追加
  • Redditへ追加

comment [3]

1 - えど さん

本文と全然関係ないコメントですみませんw

ol要素の見せ方、(というかソース的見せ方?)とてもいいですね!
outsideにしてborderを引いたことがなかったのでこういうふうに表示されるのを知りませんでした・・。

今度自分のブログをリニューアル(というか、最初からデザインをほとんどしてないブログですが・・)をするときに参考にさせてもらいます!

URL|2007年11月19日 09:46

2 - hirasawa さん

>えどさん
えっと、どこの事でしょうか。
もしかして、SyntaxHighlighterかな。

2007年11月19日 10:45

3 - えど さん

ああ、すみません。
dp-highlighterの.areaのCSSを記述してる部分です(^^;

2007年11月19日 15:46

コメント投稿フォーム

post your comment

※コメントが認証されるまで、コメントは反映されません。ご了承くださいませ。

行き場を失ったモノたち

フィードメーター - CSS HappyLife

Feeds購読数

あわせて読みたい

えかきっず!

気まぐれブログパーツ

change color or layout
  • デフォルトカラー(春)
  • 薄い青
  • 青緑
  • 緑
  • 深い青
  • 薄い紫
  • ピンク
  • 黄金
  • 茶
  • 赤
  • 黒
  • 白
  • シルバー
  • 2カラム(カラーはデフォルト)
  • リキッドレイアウト(カラーはデフォルト)

ページトップへ