About

2006年9月13日 20:26に投稿されたエントリーのページです。

ひとつ前の投稿は「ブルーベリータルト」です。

次の投稿は「QRコードって?」です。

皆さんからのコメント

久し振りの更新!
めいぷる 08/232008:08:23:18:59:36
異常胡瓜?
月うさぎ 07/292008:07:29:13:41:46
大阪の単身赴任者より 08/122008:08:12:16:37:55
ケンコーボーイ 08/162008:08:16:23:46:05
山の爺 08/232008:08:23:18:33:43
更新日付表示
07/162008:07:16:10:52:33
山の爺 07/182008:07:18:09:55:00
.htaccess(ドットエイチティーアクセス)とは?
07/122008:07:12:11:43:55
山の爺 07/132008:07:13:10:38:18
山の爺 07/132008:07:13:18:07:05
フォーラム高知?
通りすがり 06/302008:06:30:06:30:54
山の爺 07/042008:07:04:12:58:13
米粉ケーキ
月うさぎ 06/152008:06:15:11:07:16
hanasakuoka 06/252008:06:25:01:15:40
山の爺 06/272008:06:27:14:28:51
山の爺 06/272008:06:27:14:32:29
めいぷる 06/282008:06:28:14:18:48
山の爺 07/042008:07:04:12:54:47
フォーラム熊本?
大阪の単身赴任者より 01/222008:01:22:16:23:57
山の爺 01/232008:01:23:13:10:24
hanasakuoka 01/232008:01:23:23:53:28
山の爺 01/252008:01:25:12:24:29
通りすがり 06/302008:06:30:06:18:24
Counter
トータルカウント
T今日のカウントY昨日のカウント
Powered by
Movable Type 4.1
mt
Top5・PC関係を覚える > mtの四苦八苦 > MTのメモメモ! > JavaScript 不要なサイドメニューのツリー化 for Movable Type

« ブルーベリータルト | メイン | QRコードって? »

JavaScript 不要なサイドメニューのツリー化 for Movable Type

turiika1.GIF

マタマタ小粋空間様に良さそうな物があった。スクリプトを使わずにツリー化?

今までは同じく小粋空間様でスクリプトとか言う物でツリー化していたのだが・・。


ブラウザで JavaScript を OFF にしている場合でもツリー表示が可能
JavaScript 起動による表示遅延がなし
JavaScript 関連のカスタマイズが不要

と言うメリットが有るらしいので早速変えた。

遣った所は「カテゴリ」のみ。

後は小粋空間さま説明の通り・・。

例の如く以下は覚書!

基本テンプレートでは以下のようになっている。


<!-- カテゴリーリスト開始 -->
<div class="sidetitle">
Categories
</div>


<!-- 全カテゴリー用 -->
<div class="side">
<MTCategories>
<a href="<$MTCategoryArchiveLink$>">
<$MTCategoryLabel$></a> [<$MTCategoryCount$>]<br />
</MTCategories>
</div>
<!-- 全カテゴリー用 -->
 

<!-- サブカテゴリー用 -->
<div class="side">
<div id="categories">
<MTSubCategories>
<MTSubCatIsFirst><ul></MTSubCatIsFirst>
<MTIfNonZero tag="MTCategoryCount">
<li><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel></a> [<$MTCategoryCount$>]
<MTEntries>
<MTEntriesHeader><ul></MTEntriesHeader><li><MTEntryTitle></li>
<MTEntriesFooter></ul></MTEntriesFooter>
</MTEntries>
<MTElse>
<li><MTCategoryLabel>
</MTElse>
</MTIfNonZero>
<MTSubCatsRecurse max_depth="3">
</li>
<MTSubCatIsLast></ul></MTSubCatIsLast>
</MTSubCategories>
</div>
</div>
<!-- サブカテゴリー用 -->
<!-- カテゴリーリスト終了 -->

上の赤の部分を削除し青のコメントアウトを追加。

コレの中身を以下の物と貼り変える。


<MTSubCategories>
<MTSubCatIsFirst><ul class="tree"></MTSubCatIsFirst>
<MTIfNonZero tag="MTCategoryCount">
<li class="tree<MTSubCatIsLast>_end</MTSubCatIsLast>"><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel></a> [<$MTCategoryCount$>]
<MTElse>
<li class="tree<MTSubCatIsLast>_end</MTSubCatIsLast>"><MTCategoryLabel>
</MTElse>
</MTIfNonZero>
<MTSubCatsRecurse max_depth="3">
</li>
<MTSubCatIsLast></ul></MTSubCatIsLast>
</MTSubCategories>

後はスタイルシートに以下を追加


ul.tree {
margin: 0!important;
padding: 0!important;
font-size: 9px;
list-style: none!important;
}
ul.tree ul {
margin: 0!important;
padding: 0!important;
}
ul.tree li {
margin: 0!important;
padding: 0 0 0 16px!important;
background-image: url(tree_lst.gif);
background-repeat: no-repeat!important;
list-style: none!important;
}
ul.tree li.tree_end {
background-image: url(tree_end.gif);
list-style: none;
}

※cssでツリーのURLに注意する。
例:「http://(画像URL)/tree_end_dooted.gif」この様になるので注意!

是でカテゴリのツリー化が出来たようだ。
遣ったゾナ!爺さん!

人気ブログランキングへ

コメント (2)

相変わらず色々研究なさっているのですね!
偉いなぁ。
私はテンプレートを変えるだけですごく肩が凝って閉口しました。

秋のケーキ、美味しそうです。いつかきっと食べに行きますよ~~

山の爺:

研究じゃないのじゃ!
何しろ最近は暇でのう?かといって外に出るわけにもいかず・・。

暇なときは此処に向かっているんじゃよフォッフォッフォ~

>いつかきっと食べに行きますよ~~
いつかキットじゃぞな!なるべくなら爺の息の有るうちが良いのう。
フォッフォッフォ~!

ただし山の奥じゃて車でなければ中々思うようには行かないようじゃのう!

コメントを投稿

スポンサードリンク

e
Copyright © 2004 Enoki All Rights Reserved.