サイドメニューの折りたたみ

編み物勉強室で、最新の記事を多くしたかった。
記事数が多くなったので、テンプレートを折りたたみにした。

小粋空間のカスタマイズに「Movable Type のデフォルトテンプレートで利用する場合」があったので、これを参考にさせてもらった。というかまんま使っただけ(＾＾;

Ver4.x　となっていたが、Ver5でも可能だった。

自分用にカスタマイズしたのは、CSSの以下のクラスセレクタのみ。

.fold-header a:hover {
    color:#fff;
    background: #AB0404;
    text-decoration: none!important;
}

変更後
マウスが乗った時の動作に、画像ファイルを設定した。
（このブログではカスタマイズなし。小粋空間通り）

.fold-header a:hover {
    text-decoration: none!important;
 　　background-image: url(imgfile.gif);
　　 background-repeat: no-repeat;