各コンテンツのデザイン

Seesaaブログではコンテンツごとにスタイルシートが定義されています。
それぞれのコンテンツに使用されている属性を紹介します。

1. サイトヘッダーのデザイン
2. 記事のデザイン
3. カレンダーのデザイン
4. サイドバーに表示するコンテンツのデザイン

サイトヘッダーは次のようにデザインされています。

サイトヘッダーに関係のある属性は#banner, h1, .descriptionです。特徴としては、ブログを作成する際に設定した「ブログタイトル」が<h1>タグで、「ブログ説明」が.descriptionで表示されています。

記事にはblog, date, blogbody, title, text, postedの6つの属性が使用されています。
シンプルな構造なので比較的コントロールは容易です。

カレンダーには#calendar, calenderhead, calendardayの3つの属性が使用されています。
実際にデザインする際は#calendar tableや#calendar tr、#calendar aなどのネストを活用することになります。

新着記事、カテゴリ、過去ログ、記事検索、最近のコメント、最近のトラックバックなどサイドバーに表示するコンテンツの多くはこのデザインです。共通のsidetitle, sideを用いているのでデザイン管理が容易です。