2006/08/09(水)1.1 全体のdiv構造

adiary 1.00β7

adiaryの全体のdiv要素の入れ子の構造は以下のようになっています。
div.sidebar, div.section, div.editの構造は各ドキュメントを作成予定です。

  • body
    • div.adminmenu
    • div.page-title
    • div.hatena-body
      • div.sidebar
        • div.hatena-module
          • div.hatena-moduletitle
          • div.hatena-modulebody
          • div.calender
            • div.hatena-modulebody
      • div.main
        • div.day
          • h2
          • div.body
            • div.section body-header
            • div
            • div.section
            • div.day-additional
              • div.comment
                • div.caption
                • div.commentshort
                  • div.commentbody (記事1件表示時)
              • div.refererlist / div.tb
                • div.caption
                • ul.tb
        • hr.footer
        • div.footer
        • div.edit (システムモードのみ)

2006/08/08(火)2.3 フッタ

adiary 1.00β7

adiaryのバージョンとか使用しているスケルトンの情報などが表示される部分です。

親要素

  1. body
  2. div.hatena-body
  3. div.main

要素

hr.footer

フッタ部の水平線を定義します。

div.footer

フッタ部を定義します。背景色や背景画像を利用している場合は多くの場合リンクや文字が見づらくなる為、これらが見づらくならないように再定義する必要があります。
あと、display: none;を設定するとadiaryの作者様に怒られます(笑)

2006/08/06(日)4.1.2 アンカー

adiary 1.00β6

アンカーは以下の要素で定義されています

親要素(共通)

  1. body
  2. div.hatena-body
  3. div.main
  4. div.day
  5. div.body
  6. div.section

親要素

アンカー要素

span.sanchor

アンカーを定義します

セクションアンカーのみ定義する場合: h3 span.sanchor
サブセクションアンカーのみ定義する場合: h4 span.sanchor

2006/08/06(日)4.1.1 見出し

adiary 1.00β6

見出しは以下の要素で構成されています。

親要素

  1. body
  2. div.hatena-body
  3. div.main
  4. div.day
  5. div.body
  6. div.section

見出し類要素

見出し

小見出し

小々見出し

h3

見出し部全体を定義します

span.timestamp

時刻付き見出し記法を使用した場合に付く時刻部を定義します

h4

小見出し部全体を定義します

h5

小々見出し部全体を定義します