About

2007年6月11日 23:18に投稿されたエントリーのページです。

ひとつ前の投稿は「追記文章の折りたたみ Web2.0」です。

次の投稿は「アルストロメリア」です。

皆さんからのコメント

久し振りの更新!
めいぷる 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のメモメモ! > サブカテゴリーリストのエクスプローラ風折りたたみ

« 追記文章の折りたたみ Web2.0 | メイン | アルストロメリア »

サブカテゴリーリストのエクスプローラ風折りたたみ

カテゴリーが増えて来れば色々と分ける事になる。
其処で又小粋空間様にこんな物があった。
サブカテゴリも出来るそうだ。又チョット弄ってみるか?

又同じくメモメモ!

同じくスクリプトとか?言う物をDLする。(小粋空間様の説明サイトから・・)

ソレを説明を見ながらメインページの有る所にアップする。
次に以下のスクリプト要素とか言う物を<head>~</head>間に入れる。


<script type="text/javascript" src="<$MTBlogURL$>menufolder.js" charset="utf-8"></script>

念のため以下はデフォルトの基本タグだ。


<MTIfArchiveTypeEnabled archive_type="Category"><div class="module-categories module">
<h2 class="module-header">カテゴリー</h2>
<div class="module-content">
<MTTopLevelCategories>
<MTSubCatIsFirst><ul class="module-list"></MTSubCatIsFirst>
<MTIfNonZero tag="MTCategoryCount">
<li class="module-list-item"><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel></a>
<MTElse>
<li class="module-list-item"><MTCategoryLabel>
</MTElse>
</MTIfNonZero>
<MTSubCatsRecurse>
</li>
<MTSubCatIsLast></ul></MTSubCatIsLast>
</MTTopLevelCategories>
</div>
</div>
</MTIfArchiveTypeEnabled>

コレに以下の物を張り替える。


<div class="module-categories module">
<h2 class="module-header">カテゴリー</h2>
<div class="module-content" id="categories">
<MTTopLevelCategories>
<MTSubCatIsFirst><MTHasParentCategory><div id="subcategories<MTParentCategory><$MTCategoryID$></MTParentCategory>list"></MTHasParentCategory><ul class="module-list"></MTSubCatIsFirst>
<MTIfNonZero tag="MTCategoryCount">
<li class="module-list-item"><MTHasSubCategories><div class="subcategories" id="subcategories<$MTCategoryID$>name"></MTHasSubCategories><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel></a> [<$MTCategoryCount$>] <MTHasSubCategories></div></MTHasSubCategories>
<MTElse>
<li class="module-list-item"><MTHasSubCategories><div class="subcategories" id="subcategories<$MTCategoryID$>name"></MTHasSubCategories><MTCategoryLabel> <MTHasSubCategories></div></MTHasSubCategories>
</MTElse>
</MTIfNonZero>
<MTSubCatsRecurse>
</li>
<MTSubCatIsLast></ul><MTHasParentCategory></div></MTHasParentCategory></MTSubCatIsLast>
</MTTopLevelCategories>
</div>
</div>
<script type="text/javascript">
<!--
<MTTopLevelCategories>
<MTHasSubCategories>FoldNavigation('subcategories<$MTCategoryID$>','initState',false);</MTHasSubCategories><MTHasSubCategories></MTHasSubCategories>
<MTSubCatsRecurse>
</MTTopLevelCategories>
//-->
</script>

CSSに以下を追加


#categories ul {
margin-left: 0;
padding-left: 0;
list-style: none;
}
#categories ul li {
padding-left: 15px;
}
div .subcategories {
margin-left: -15px;
}

尚画像も小粋空間様からDLさせて頂いた。

kategori.GIF
出来たゾナ!何事も遣ってみる事だ!
小粋空間様有難う御座います。

人気ブログランキングへ

コメントを投稿

スポンサードリンク

e
Copyright © 2004 Enoki All Rights Reserved.