MAY 13, 2004
Overview
静的URLについては完了したので、各ページのデザインをCSSを用いて柔軟に変更できるようにする。
Changed Files
- cat.cgi
- item.cgi
- item_search.cgi
Cascading Style Sheet
各ページのデザインをCSSを用いて変更できるように、以下の要素をclass囲指定する。
- header(header.datの文言部分)
- footer(footer.datの文言部分)
- body(本文全体)
- page_link(ページリンク)
- guide(ページガイダンス部分)
- category(カテゴリ一覧の説明文)
- item(アイテム一覧の説明文)
- list_table(一覧ページのテーブル)
- list_tr(一覧ページのTR要素)
- item_table(アイテムページのテーブル)
- item_tr(アイテムページのTR要素)
- item_name(個別アイテムページの名前)
- item_price(個別アイテムページの値段)
- item_description(個別アイテムページの説明文)
CSSファイルを適用した場合および適用しない場合のサンプル:
使用したCSS
Patch
実際の変更箇所は以下の通り。