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の作者様に怒られます(笑)