以下の内容はhttp://10plate.blog44.fc2.com/blog-entry-177.htmlより取得しました。


公式カテゴリ(カスタマイズ向け)のツリー化

公式プラグインの「カテゴリ」は親子関係でグループ分けすることが可能です。
(以前はこのような機能は無く、有志が提供する共有プラグインに頼らざるを得ませんでした。)

設定方法はこちらにあります。
【ブログ】親子カテゴリ機能追加のお知らせ

公式プラグインの「カテゴリ」には、カスタマイズ向けのものと、そうでないものがあります。

カスタマイズ向けのものはそのままだとリストマークで表示されていますが、これをツリー化表示する方法を紹介します。

スタイルシートの末尾に次の記述を加えてください。

/* ▼親子カテゴリ▼ */

li.main_list {
margin-bottom:8px; /* 親カテゴリの間隔 */
font-weight:bold; /* 親カテゴリの文字の太さ */
}

ul.sub_menu {
margin:0px;
padding:0px;
margin-top:5px; /* 親カテゴリから子カテゴリまでの間隔 */
padding-left:0px; /* 子カテゴリの左余白 */
}

.sub_menu li {
background-repeat: no-repeat;
list-style-type:none;
list-style-image: none;
margin:0px;
padding-left:20px;
padding-top:2px;
padding-bottom:5px; /* 子カテゴリの間隔 */
font-weight:normal; /* 子カテゴリの文字の太さ */
}

.sub_list {
background-image: url("http://blog-imgs-19.fc2.com/1/0/p/10plate/branch.gif"); /*ツリー画像 */
}

.sub_list_end {
background-image: url("http://blog-imgs-19.fc2.com/1/0/p/10plate/branch_end.gif"); /*ツリー画像(最後尾) */
}
/* ▲親子カテゴリ▲ */



各数値はお好みに合わせて変更してください。
関連記事



以上の内容はhttp://10plate.blog44.fc2.com/blog-entry-177.htmlより取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.13