どこでもドアーズLabo

FC2公式プラグインに新たに登場した親子カテゴリ
chakoさんやひよこさんのブログでいち早く対応しているのは拝見はしていのですが、当初は合算数値が出ず、あんまり使えそうじゃないので放置していたのですが、一昨日、FC2の方で改良ソースが出されたのを期に、対応させてみました。
【ブログ】親子カテゴリ改良・新変数リスト公開のお知らせ

親子カテゴリを使う方は、背景が白や薄い色のテンプレの場合は、以下のソースを、場所はどこでもいいので、スタイルシートに付け加えてください。
現在このブログで表示されているようになります（別に親子にするほどカテゴリないんですけど、表示確認のために無理に親子にしてみたり……）。
/* 親子カテゴリー設定*/ ul.sub_menu { margin:0; padding:0; } .sub_menu li { list-style-type:none; border-style:none; margin-left:0; padding-left:16px; } ul.main_menu .main_list .sub_menu .sub_list { background-image:url(http://blog-imgs-21.fc2.com/d/o/k/dokode/dotreew0.gif); background-repeat:no-repeat; background-position:left top; } ul.main_menu .main_list .sub_menu .sub_list_end { background-image:url(http://blog-imgs-21.fc2.com/d/o/k/dokode/dotreewend.gif); background-repeat:no-repeat; background-position:left top; }

背景が黒や濃い色の場合は以下で。
/* 親子カテゴリー設定*/ ul.sub_menu { margin:0; padding:0; } .sub_menu li { list-style-type:none; border-style:none; margin-left:0; padding-left:16px; } ul.main_menu .main_list .sub_menu .sub_list { background-image:url(http://blog-imgs-21.fc2.com/d/o/k/dokode/dotreeb0.gif); background-repeat:no-repeat; background-position:left top; } ul.main_menu .main_list .sub_menu .sub_list_end { background-image:url(http://blog-imgs-21.fc2.com/d/o/k/dokode/dotreebend.gif); background-repeat:no-repeat; background-position:left top; }

点線の素材を直リンしているので、他の方のテンプレにこのまんまコピペはしないでくださいねー。

上のでおそらく私のどのテンプレも、それなりな表示になると思いますが、ものによっては点線がちょっとあくので、気になる方は、
/* メニューリスト子要素 */
.menu_body li
に行間設定line-heighがある場合、それを
/*メニューリスト親要素*/
.menu_body ul
の方に移して、また上下のpaddingやmarginあったら0にしてもらえばきれいに表示できると思います。つまった感じになったら、行間を適当に広げて調節してください。
ちなみにpaddingやmarginは、4箇所書いてあったら上・右・下・左、3箇所なら上・左右・下、2箇所なら上下・左右、1箇所なら全部同じです。

ところで、共有プラグインに親子カテゴリもの、ありましたよね……それを使えば、どのテンプレでも使えるんで、頻繁にテンプレを変える方はそっちを使った方がいいかもです。