Note

  • 対応ブラウザは
    • Windows:InternetExplorer6,InternetExplorer7,Firefox2,Opera9
    • Mac:Firefox2,Opera9,Safari2
    ですが,ブラウザによって若干表示が異なる部分もあります。
  • DOCTYPEスイッチによる標準モードに対応しています。InternetExplorer6 でXML宣言をし互換モードになった場合にも対応しています。
  • Netscape7,Mac InternetExplorer5 では期待通りに表示されないものがいくつかあります。
  • 便宜上,分類コード(div011-hp,table010 など)を class名にしてありますが,実際にお使いの際には適切な class名に変更してください。
  • すでにお使いのCSSファイルに新たにCSSコードを追加した場合,既存のものが適用されて期待通りに表示されないことがあるかもしれません。紹介てあるソースはご自由にお使いください。

お知らせ

コンセプト

ちょっとした更新なら自分でするという方や,ブログデザインをカスタマイズしたいという方の参考になるように,デザインのサンプルとXHTML・CSSのソースをまとめています。コンテンツは順次拡充していく予定です。紹介したソースはご自由にお使いください。

バナー

もしお邪魔でなかったら,バナーをはっていただけると嬉しいです。

banner : CSSデザインカタログ



banner : CSSデザインカタログ



ご意見・ご感想

下記までお寄せください。
スパム防止のため画像で表示しています。

コーディングの基本的な考え方

  • classはできるだけ少なく,おおもと(祖先要素)でふるようにしています。
  • marginは原則的に,上下はemで,左右はpxで指定しています。ブラウザの表示フォントサイズが変更されたとき,上下の余白もフォントサイズに合わせて変更されるようにするためです。
  • font-sizeは原則的に,%で指定するようにしています。
  • 特に事情がない限りショートハンドを用いて記述(値をまとめて指定)しています。