Home > 無料テンプレート

固定幅と可変幅対応タイプ

テンプレートはレイアウト枠のみの配布となります。段組は最もポピュラーな floatレイアウト です。

個人のホームページから企業サイト、ネットショップ、アフィリエイト用のサイトまで無料でご利用いただけます。素敵なウェブサイトにして下さい。

ご利用前(ダウンロード前)に「利用規約」を必ずお読み下さい

DOCTYPE

テンプレート枠はスタイルシートで段組してあります。DOCTYPEは下記のひとつのみ。

  1. XHTML 1.0

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

このテンプレートは、頻繁にデザイン変更を楽しみたい方用に新たに追加しました。

  1. 大きくヘッダーブロック|コンテンツとサイドバーブロック|フッターブロックに分かれます。サンプルはヘッダーが幅90%、コンテンツとサイドバーブロックが800px、 フッターが100%です。もちろんすべて800pxに統一する事も、可変で90%などにする事も可能です。
  2. ベースサンプル
  3. カスタマイズサンプル [ 1 ]
  4. カスタマイズサンプル [ 2 ]
  5. カスタマイズサンプル [ 3 ]

カスタマイズについて

申し訳ありませんが、CSSデザインサンプルではテンプレートに関するご質問等は受け付けていません。テンプレート自体は当サイト内で解説しているものがベースとなりますので、CSSデザインサンプル内の該当コンテンツを参照していただければと思います。

<ul> <ol> などの要素についてもご自身で調節して下さい。このテンプレートのCSSはすべての要素の余白をリセットしています(margin:0; padding:0;)。

線ありをダウンロードされる方へ

コンテンツ部分の掲載内容よりサイドバー部分の内容が多くなった場合、コンテンツ部分とサイドバー部分の間の線はフッター部分まで伸びません。

これは単純にコンテンツ部分の左側にborder指定しているためです。

レイアウト枠ダウンロード

XHTML
CSS

Home