Little beaR

上記の広告は１ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

JUGEMの最近のコメントとトラックバックをツリー化してみました。

JUGEMカスタマイズ講座さんのこちらのスクリプトをお借りしました。

タグの変更

{recent_comment_list}
　　　　↓
<div id="commentlist">{recent_comment_list}</div>

{recent_trackback_list}
　　　　↓
<div id="tblist">{recent_trackback_list}</div>


テンプレートの</body>の直前にavaScriptを挿入



ツリー化カスタマイズ応用偏をみてカスタマイズ

スクリプト
　↓
createTreeList('newentrylist',gTreeOption); // 最新エントリリストのツリー化
createTreeList('entrylist',gTreeOption); // エントリリストのツリー化
gTreeOption['sort'] = true;
createTreeList('commentlist',gTreeOption); // 最新コメントリストのツリー化
createTreeList('tblist',gTreeOption); // 最新トラックバックリストのツリー化
gTreeOption['sort'] = false;
createTreeList('linklist',gTreeOption); // リンクリストのツリー化

CSS
　↓
ul.tree {
list-style: none;
margin: 0px;
padding: 0px;
}
ul.tree li {
margin: 0px;
padding: 0px 0px 0px 16px;
background-image: url(アップした通常用の画像ファイルURL);
background-repeat: no-repeat;
}
ul.tree li.end {
background-image: url(アップした末端用の画像ファイル);
}

私が使っているのはこんな画像です
ご自由にお持ち帰りください。。。。
そんな奇特な方はいないかもしれませんが。




そしてそれをさらに応用した、
JUGEMでサブカテゴリーがあるように見せるツリー化

まめの一言さんのこちらの記事を見てカスタマイズさせていただきました。

スクリプトを少し足すだけです。