1 テンプレートに次のコードを追加します。
<div class=”side” id=”monthlylist”>
<MTArchiveList archive_type=”Monthly”>
<MTArchiveDateHeader><div id=”archive<$MTArchiveDate format=”%Y”$>name”><span><$MTArchiveDate format=”%Y年”$></span></div><ul id=”archive<$MTArchiveDate format=”%Y”$>list” class=”tree1″></MTArchiveDateHeader>
<li class=”tree<MTArchiveDateFooter>_end</MTArchiveDateFooter>”><a href=”<$MTArchiveLink$>”><$MTArchiveDate format=”%B月”$></a> [<$MTArchiveCount$>]</li><MTArchiveDateFooter></ul></MTArchiveDateFooter>
</MTArchiveList>
</div>
<script type=”text/javascript”>
//<![CDATA[
<MTArchiveList archive_type=”Monthly”><MTArchiveDateHeader>FoldNavigation(‘archive<$MTArchiveDate format=”%Y”$>’,’off’,false);</MTArchiveDateHeader>
</MTArchiveList>
//]]>
</script>
<MTArchiveList archive_type=”Monthly”>
<MTArchiveDateHeader><div id=”archive<$MTArchiveDate format=”%Y”$>name”><span><$MTArchiveDate format=”%Y年”$></span></div><ul id=”archive<$MTArchiveDate format=”%Y”$>list” class=”tree1″></MTArchiveDateHeader>
<li class=”tree<MTArchiveDateFooter>_end</MTArchiveDateFooter>”><a href=”<$MTArchiveLink$>”><$MTArchiveDate format=”%B月”$></a> [<$MTArchiveCount$>]</li><MTArchiveDateFooter></ul></MTArchiveDateFooter>
</MTArchiveList>
</div>
<script type=”text/javascript”>
//<![CDATA[
<MTArchiveList archive_type=”Monthly”><MTArchiveDateHeader>FoldNavigation(‘archive<$MTArchiveDate format=”%Y”$>’,’off’,false);</MTArchiveDateHeader>
</MTArchiveList>
//]]>
</script>
2 スタイルシートに次のコードを追加します。
ul.tree1 {
margin: 0 0 0 15px;
padding: 0;
font-size: 13px;
list-style: none;
}
ul.tree1 ul {
margin: 0 0 0 10px;
padding: 0;
}
ul.tree1 li {
margin: 0;
padding: 0 0 0 11px;
background-image: url(画像URLtree_lst);
background-repeat: no-repeat;
list-style: none;
}
ul.tree1 li.tree_end {
background-image: url(画像URLtree_end);
list-style: none;
}
margin: 0 0 0 15px;
padding: 0;
font-size: 13px;
list-style: none;
}
ul.tree1 ul {
margin: 0 0 0 10px;
padding: 0;
}
ul.tree1 li {
margin: 0;
padding: 0 0 0 11px;
background-image: url(画像URLtree_lst);
background-repeat: no-repeat;
list-style: none;
}
ul.tree1 li.tree_end {
background-image: url(画像URLtree_end);
list-style: none;
}
画像URLtree_lst 画像URLtree_end
(参考記事)
小粋空間:月別アーカイブリストのツリー化 for Movable Type
コメントはこちら