メインヘッダ/フッタ
ページ送りを表示する領域です。
- ヘッダとフッタに(クラス名を除いて)同一内容が出力されます。
- ページ送りがないときは出力されません。
- ヘッダは埋め込みテキスト後、フッタは埋め込みテキスト前に出力されます。
メッセージ部
検索条件などを表示する領域です(例)。
基本的に記事と同じ構造ですが、div.system-msg が出力されること、div.day-additional が出力されないことに注意が必要です。p.ni はインデントをしないクラス指定です。(記事部参照)
<div class="system-msg"><div class="day"><div class="day2"> <h2><span class="title">メッセージ欄</span></h2> <div class="body"><div class="section"> <p class="ni">メッセージ</p> <p>メッセージ2</p> </div></div> </div></div></div>
メッセージ強調表示
システムメッセージ内に特に強調表示をしたい場合、<strong class="error">によりメッセージ表示が行われます。例えば検索を行った際に表示されます。
ページ送り(ヘッダ/フッタ共通)
クラス名の相違はありますが、中身は同一です。(フッタでは div.page-haed が div.page-foot になるだけ)。Ver1.43での出力形式は次のようになっています。
<div class="calendar page-head"> <a href="~~" class="prev-page">前の記事</a> <a href="~~" class="next-page">次の記事</a> </div>
なお、class="calendar"ははてな互換のためのクラス出力です。使用しないでください。
例えばヘッダ側のページ送りだけ表示したくないときは、
div.page-head { display:none; }
とします。IEを除くモダンブラウザではページ送りに修飾を付けることもできます。
a.prev-page:before { content: "≪"; } a.next-page:after { content: "≫"; }