角丸にする既存ライブラリは色々あるけどHTML5対応してなかったり配置が崩れたりで、 もう面倒だから四隅にspan置いて背景指定すればいいわ…と思って作ったクラス。 角丸にしたい対象を指定すると、その要素内に次のようなs […]
タグ: Fixed
SiteTemplate07:Autumn Lovely
ちょっとテクニカルなレイアウトのWebサイトテンプレート。このテンプレートは1カラムレイアウトで、slideBox.jsでスクロールバーをカスタマイズしています。秋用に作ったテーマです。
2Col 6box Fixed WideHeader&Footer
メインビジュアルをヘッダー直下に置き、その下にナビゲーション、さらにその下を2カラムに分割して、左側にメニュー、右側にコンテンツを配置したレイアウト。メニューが多くなりがちな商業サイトでよく採用されている。
SiteTemplate06: PhantomWhite
ちょっとテクニカルなレイアウトのWebサイトテンプレート。コンテンツ少なめの個人サイトやブログ向け。フォントサイズは10px前後で固定、表示エリアもかなりコンパクトです。White x Gray。
SiteTemplate05: PhantomBlack
ちょっとテクニカルなレイアウトのWebサイトテンプレート。コンテンツ少なめの個人サイトやブログ向け。フォントサイズは10px前後で固定、表示エリアもかなりコンパクトです。Black x Aqua。
SiteTemplate03:2Column 5box CenterVisual&TabMenu
ちょっとテクニカルなレイアウトのWebサイトテンプレートその3。 中身は基本的なXHTMLとCSSだけで、メニューとレイアウト要素以外は入っていません。 このテンプレートは上にタブメニュー、中央にメインビジュアル用のwi […]
SiteTemplate01: 1Columun 4BOX TabMenu
ちょっとテクニカルなレイアウトのWebサイトテンプレート。このテンプレートは上にタブっぽいメニューがある1カラム構成で、ロールオーバーとカレントページのタブのスタイル変更はjavascriptを使用しています。
3Column 5box Fixed
3カラム。観音開きっぽいレイアウト。
2Column 4box Fixed L-hlv
positionとfloatの合わせ技。IEでのバグ対策が最大のポイントか・・。
2Column 4box Floating LeftMenu
position:absoluteでメニューを浮かせてあります。実用性は低いかも。
2Column 4box Fixed RightMenu
position:absoluteを使ったレイアウト。#contentの高さが出ないレイアウトには不向き。
2Column 4box Fixed LeftMenu
Float使用、横幅固定で中央寄せ。コンテンツの量が少ないサイト向き。
1Column 6box 2Halves(2)
コンテンツの下にサブエリアが左右に並ぶレイアウト。
1Column 4box Fixed
1カラム4BOXのレイアウトテンプレート。xml宣言ありの中央配置サンプルにも。