コンテンツバー

コンテンツ一覧をサイドバーではなくプルダウンメニューしとて表示するため機能があります。これをコンテンツバーと言います。

かなり高度であるため触らない方が無難です。テーマとしての対応は任意です（必須ではない）。

コンテンツバーの詳細

div.page-titleのあとに出力されます。日記帳の詳細設定で「コンテンツバー」の表示をオンにしてコンテンツを作成すると表示されます。HTMLとしては単なるulです。

<div class="contents-bar">
<div id="contents-bar0"></div><div id="contents-bar">
<ul class="clist">
	<li><a href="～">あいうえお</a></li>
	<li><a href="～">テスト投稿</a></li>
	<li><a href="～">Hello World!</a>
	<ul class="clist2">
		<li><a href="～">C#</a></li>
		<li><a href="～">C言語</a>
		<ul class="clist3">
			<li><a href="～">C</a></li>
			<li><a href="～">C++</a></li>
			<li><a href="～">C++/CLI</a></li>
		</ul></li>
		<li><a href="～">Java</a></li>
	</ul></li>
</ul>
</div><div id="contents-bar1"></div></div>

やってみると分かりますが、一見CSSとは思えない動作をします。

IEのためだけにJavaScriptを使っていますが、それでもIEでは３階層目以降は表示されません。

base.css に記述されていますが、よほどCSSに自信がない限り全体の幅と背景色（リンク色）と各タブの幅以外はいじらない（オーバーライドしない）方が無難です。どうしてもいじりたい人のための参考URLを書いておきますが、触らない方が無難です。あまりに複雑怪奇なため、テーマとしての対応は任意です。

カスタマイズ時はこちらも参照ください。