コメントリスト等、メニューの折りたたみ

Category : IT関連   at8. 9, 2004
«MT3にお天気を表示! | IT関連・目次 | ホーム | MovableType3.1 »

サイドバーが長くなってきたので、「最近のコメント」「最近のエントリー」「最近のトラックバック」を折りたためるように改造してみました。
縦に長くてごちゃごちゃしてると、blogを見慣れていないと、どこから見て良いのか迷ってしまいますよね。(最初、私がそうでした)

ARTIFACT 人工事実」さんの「Movable Type作業メモ 」を参考に作業しました。
続きは以下に。

まず、<script type="text/javascript" src="showhide.js"></script>を<head>~</head>の中に書きます。

次に、隠したい部分へ以下のソースを貼り付けます。
たとえば……

<h2><a href="javascript:void(0);" onclick="showHide('c0');">最近のエントリー</a></h2>
<div class="sidehide" id="c0">

<!-- 隠したい部分 -->
<ul><li><MTEntries>
<a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a><br />
└<$MTEntryDate format="%x"$><br />
</MTEntries>
</li></ul>
</div>

こんなカンジで、うちは最近のエントリー、TB等を隠しています。
ご自身の設定や表示方法、項目によって、適宜記述してください。

何カ所も使う場合には、showHide('c0');で指定して、idの数字が同じものを隠します。
両方の「c0」の、数字部分を変えて下さい。
たとえば、エントリーを0にしたら、TBは1というふうに設定します。

最後にMainIndexと同じ階層にこのJavaScriptをFTPします。
これで折りたためるはずです。
ちょっとすっきりしたかな?

トラックバックURL

このエントリーのトラックバックURL:

トラックバック

MovableType3.0のサイドバーを折りたたみ from Rover Clip 2.x
 サイドメニューがずらーっと並ぶのに耐え切れず、コンパクトにするために、プルダウ... [続きを読む]

Tracked on 2004年08月27日 21:37

サイドバーの折りたたみ from mocha
自分用メモです。 月別アーカイブが今後増えていくなぁと思い、そこだけ折りたたみに... [続きを読む]

Tracked on 2005年01月09日 08:39

カレンダー横置き/エントリーの折りたたみ from SUNDAY MORNING BLUE
カスタマイズ、今日は3つやってみた。 【1】「カレンダーの横型化」 「hwp b... [続きを読む]

Tracked on 2005年01月14日 13:39
コメントしてください




保存しますか?