idセレクタについて
- #logo
- ロゴイメージバージョンに使われるセレクタです。
position: absolute;で位置を固定しています。 - #container
- 以下の全てのidを囲んでいるセレクタです。
左右に1pxのborderと、auto指定で中央にしています。
デフォルトの幅（width）は 800pxです。 - #header
- タイトル用のh1と、サイト説明用のpを配置しています。
背景にはall.gifを使用。 - #navi
- パンくずリスト用のpを配置しています。
- #contents
- #main-cntentと#side-contentsと#footerを囲んでいるセレクタです。
- #main-contents
- メインコンテンツ用のセレクタです。
- #side-contents
- サイドコンテンツ用のセレクタです。
主にサイトメニューやブログパーツ用です。 - #footer
- addressを配置しています。
主にコピーライトとお問い合わせ先を明記します。
背景にはall.gifを使用。
「Free Template」管理人より一言
idセレクタは基本的に変わることはないと思います。
今のところ2カラムのみですが、状況によって3カラムも追加したいです。
ロゴを作成出来る方はロゴイメージバージョンの方が良いでしょう。
大幅にデザインを変えたい場合、header、footerの背景画像の変更と、
body、h2、h3の背景を変更して下さい。
幅を変えたい場合、各セレクタの800pxの数値を希望のサイズに変更し、
#main-contentsと#side-contentsの幅を同じ数値分変えて下さい。
