[MooTools] border-radiusの簡単なIE対策

角丸にする既存ライブラリは色々あるけどHTML5対応してなかったり配置が崩れたりで、 もう面倒だから四隅にspan置いて背景指定すればいいわ…と思って作ったクラス。 角丸にしたい対象を指定すると、その要素内に次のようなs … “[MooTools] border-radiusの簡単なIE対策”の続きを読む

2Col 6box Fixed WideHeader&Footer

メインビジュアルをヘッダー直下に置き、その下にナビゲーション、さらにその下を2カラムに分割して、左側にメニュー、右側にコンテンツを配置したレイアウト。メニューが多くなりがちな商業サイトでよく採用されている。

SiteTemplate03:2Column 5box CenterVisual&TabMenu

ちょっとテクニカルなレイアウトのWebサイトテンプレートその3。 中身は基本的なXHTMLとCSSだけで、メニューとレイアウト要素以外は入っていません。 このテンプレートは上にタブメニュー、中央にメインビジュアル用のwi … “SiteTemplate03:2Column 5box CenterVisual&TabMenu”の続きを読む

SiteTemplate01: 1Columun 4BOX TabMenu

ちょっとテクニカルなレイアウトのWebサイトテンプレート。このテンプレートは上にタブっぽいメニューがある1カラム構成で、ロールオーバーとカレントページのタブのスタイル変更はjavascriptを使用しています。