1 テンプレートに次のコードを追加します。
<MTEntries recently_commented_on=”5″>
<a href=”<$MTEntryLink$>”><MTEntryTitle></a>
<ul class=”tree2″>
<MTComments lastn=”5″>
<li class=”tree<MTCommentsFooter>_end</MTCommentsFooter>”><a href=”<$MTEntryLink$>#<$MTCommentID$>”>
<MTCommentAuthor></a> <$MTCommentDate format=”%m/%d %X”$></li>
</MTComments>
</ul>
</MTEntries>
<a href=”<$MTEntryLink$>”><MTEntryTitle></a>
<ul class=”tree2″>
<MTComments lastn=”5″>
<li class=”tree<MTCommentsFooter>_end</MTCommentsFooter>”><a href=”<$MTEntryLink$>#<$MTCommentID$>”>
<MTCommentAuthor></a> <$MTCommentDate format=”%m/%d %X”$></li>
</MTComments>
</ul>
</MTEntries>
2 スタイルシートに次のコードを追加します。
ul.tree2 {
margin: 0!important;
padding: 0!important;
font-size: 13px;
list-style: none!important;
}
ul.tree2 ul {
margin: 0!important;
padding: 0!important;
}
ul.tree2 li {
margin: 0!important;
padding: 0 0 0 16px!important;
background-image: url(画像URLtree_lst);
background-repeat: no-repeat!important;
list-style: none!important;
}
ul.tree2 li.tree_end {
background-image: url(画像URLtree_end);
list-style: none;
}
margin: 0!important;
padding: 0!important;
font-size: 13px;
list-style: none!important;
}
ul.tree2 ul {
margin: 0!important;
padding: 0!important;
}
ul.tree2 li {
margin: 0!important;
padding: 0 0 0 16px!important;
background-image: url(画像URLtree_lst);
background-repeat: no-repeat!important;
list-style: none!important;
}
ul.tree2 li.tree_end {
background-image: url(画像URLtree_end);
list-style: none;
}
画像URLtree_lst 画像URLtree_end
(参考記事)
小粋空間:サイドメニューのツリー化スクリプト(改)
コメントはこちら