脳内がNotes/Domino系からASP.NETに移行しつつあるIT系情報ブログなつもり。
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
#container(全体)
┣ #banner(ヘッダー部分)
┃ ┣ h1(ブログタイトル)
┃ ┗ .description(ブログ説明)
┣ #content(メイン部分)
┃ ┣ .navi(カテゴリ別、過去ログ、記事のナビゲーターリンク)
┃ ┣ .blog(記事全体)
┃ ┃ ┣ .date(記事の日付)
┃ ┃ ┗ .blogbody(記事)
┃ ┃ ┣ .title(記事のタイトル)
┃ ┃ ┣ .text(本文) ※1
┃ ┃ ┗ .posted(投稿者名・時間・コメント数・トラバ数・カテゴリ)
┃ ┣ #comments(コメント全体)
┃ ┃ ┗ #comments form(コメント用フォーム)
┃ ┃ ┣ .comments-head(コメント用メニュー)
┃ ┃ ┣ .comments-body(登録コメント表示)
┃ ┃ ┃ ┣ .text(コメント本文) ※1
┃ ┃ ┃ ┗ .comments-post(コメント投稿者名・日時)
┃ ┃ ┣ input(入力フィールド) ※2
┃ ┃ ┣ textarea(コメント入力用フィールド)
┃ ┃ ┗ .input-submit(SUBMITボタン) ※3
┃ ┗ #trackback(トラックバック表示)
┣ #links(右メニュー部分)or #links-left(左メニュー部分) ※4
┃ ┣ .sidetitle(各コンテンツタイトル)
┃ ┣ .side(各コンテンツ内容)
┃ ┃ ┣ input(入力フィールド) ※1
┃ ┃ ┗ .input-submit(SUBMITボタン) ※3
┃ ┣ #calendar(カレンダー全体)
┃ ┃ ┗ #calendar table(カレンダー用表組み)
┃ ┃ ┣ .calendarhead(カレンダーの年月表示部分)
┃ ┃ ┣ #calendar th(カレンダーの曜日ヘッダー)
┃ ┃ ┗ .calendarday(カレンダーの日付部分)
┃ ┗ .syndicate(RSS表示)
┗ #footer(フッター部分)
┗ .powered(powered by表示) ※5
※1~3は共通部品。
※4は右メニューバーの場合と左メニューバーの場合でIDが異なる。
※5はコンテンツの並びにより、#links内の場合もあり。
カラムの構成については Style Sheets の「テンプレート追加中」の図を参照に。
以下は分からないので割愛
.copyright
ダイエット・ログ部分の構成詳細は↓を参照してください。
「ダイエット機能追加によるスタイルシートの変更について」
11 | 2024/12 | 01 |
S | M | T | W | T | F | S |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
COMMENT