FCafeのdanielさん作、プラグインTreeシリーズ、使わせていただいてます♪
簡単にツリー化できて、見た目もスッキリ♪
大好きでぇす！！
すっごくすっごく頑張って、アイコン付けたり、ツリーマークを画像にしたり・・・
いや、マジで色々悩んでるんですよ！！信じて！！！(・m・ )クスッ
最終的には、ぜぇ〜〜んぶ師匠に助けてもらってるんだけどさ・・・・・・・・○┼< バタッ・・・・・
treeTB、treeArchive、treeCATEGORY、treeＬＩＮＫ、4つ使わせていただいてるのですが、そんなこんなで、リストにアイコンを付けて、ツリーマークを画像に変えるカスタマイズを！！
と、思ったけど、danielさんのブログで裏ページ（笑）を発見しちゃったのです！！！
まずは、そちらの覚え書きのみ。
カスタマイズについては、また次回。
プラグインtreeシリーズにアイコンを付ける script by
FCafe作業メモ
�．廛薀哀ぅ鵑�DLしてある場合は、中身を下記とごっそり入れ替える。
DLしていない場合は、フリーエリアを作り、入れる。以上。
CATEGORY<div class="tree"><ul id="CA"><!--category-->
<li>
<a href="<%category_link>" title=""><%category_name> (<%category_count>)</a>
</li>
<!--/category--></ul></div>
<script type="text/javascript"><!--
var A=document.getElementById('CA').getElementsByTagName('A');
var C=new Array(); var t=new Array(); I="";
/*--------------------- 各カテゴリの説明 -------------*/
t[1]="";
t[2]="";
t[3]="";
t[4]="";
t[5]="";
t[6]="";
t[7]="";
t[8]="";
t[9]="";
/*---------------------- グループ（大カテゴリ） --------*/
C[1]="GROUP-A,1,2,3";
C[2]="GROUP-B";
/*---------------------------------------------------*/
for (i=1;i<t.length;i++){if(t[i]!="" && t[i]!=undefined){A[i-1].title=t[i]}}
for (i=1;i<C.length;i++){ p=C[i].split(','); l=p.length; if(l>1){
I=I+'<li><b>'+p[0]+'</b><br />';
for (k=1;k<l;k++){ q=p[k]-1;
if(k==l-1) {I+=" └ "} else {I+=" ├ "}
I+='<a href="'+A[q].href+'" title="'+A[q].title+'">'+A[q].innerHTML+'</a><br />'; A[q].title="-";
} I+='</li>';
} }
for (i=0;i<A.length;i++){if (A[i].title!="-") {
p= A[i].innerHTML.split(' ');
I+='<li><a href="'+A[i].href+'" title="'+A[i].title+'"><b>'+p[0]+'</b> '+p[1]+'</a></li>';
} }
document.getElementById('CA').innerHTML=I;
--></script>
TB<div class="tree"><ul id="RT">
<!--rtrackback--><li>
<a href="<%rtrackback_link>#trackback<%rtrackback_no>" title="<%rtrackback_etitle>"
name="<%rtrackback_year>/<%rtrackback_month>/<%rtrackback_day>/<%rtrackback_hour>">
<span>>%rtrackback_month>/<%rtrackback_day></span>
<%rtrackback_blog_name></a>
</li><!--/rtrackback-->
</ul></div>
<script type="text/javascript"><!--
var A=document.getElementById('RT').getElementsByTagName('A');
I=""; L=A.length;
for (i=0;i<L;i++){ E=A[i].title; if (E!="") {
var C=new Array(); c=-1; I+='<li><b>'+E+'</b><br />';
for (j=i;j<L;j++){if (A[j].title==E) {c++; C[c]=j}}
for (j=0;j<=c;j++){
k=C[j]; A[k].title="";p=A[k].innerHTML.split(' '); q=A[k].name;
if (j<c) {I+=' ├'} else {I+=' └'}
I+='<a href="'+A[k].href+'" title="'+q+'" name="'+q+'">'+p[1]+'</a><br />';
} I+='</li>';
} } document.getElementById('RT').innerHTML=I;
--></script>
ＬＩＮＫ<div class="tree"><ul id="LK"><!--link-->
<li>
<a href="<%link_url>" title="<%link_url>" target="_blank"><%link_name></a>
</li>
<!--/link--></ul></div>
<script type="text/javascript"><!--
var A=document.getElementById('LK').getElementsByTagName('A');
var C=new Array(); var t=new Array(); I="";
/*--------------------------- 各リンクの説明 ----------------*/
t[1]="";
t[2]="";
t[3]="";
t[4]="";
t[5]="";
t[6]="";
t[7]="";
t[8]="";
t[9]="";
/*-------------------------- 分類グループ -------------------*/
C[1]="Group-A,1,2,3";
C[2]="Group-B";
C[3]="Group-C";
OTHER="others"; // 「未分類」グループ名
/*-------------------------------------------*/
for (i=1;i<t.length;i++){if(t[i]!="" && t[i]!=undefined){A[i-1].title=t[i]}}
for (i=1;i<C.length;i++){
p=C[i].split(','); l=p.length; if(l>1){
I=I+'<li><b>'+p[0]+'</b><br />';
for (k=1;k<l;k++){ q=p[k]-1;
if(k==l-1) {I+=" └ "} else {I+=" ├ "}
I+='<a href="'+A[q].href+'" title="'+A[q].title+'">'+A[q].innerHTML+'</a><br />';
A[q].title="";
} I+='</li>';
} }
l=-1; var C=new Array();
for (i=0;i<A.length;i++){if (A[i].title!="") {l++; C[l]=i}}
if(l>=0){ I+='<li><b>'+OTHER+'</b><br />';
for (i=0;i<l;i++){
k=C[i]; if (i<l-1) {I+=' ├'} else {I+=' └'}
I+='<a href="'+A[k].href+'" title="'+A[k].title+'">'+A[k].innerHTML+'</a><br />';
} I+='</li>'
}
document.getElementById('LK').innerHTML=I;
--></script>
Archive<div class="tree"><ul id="AR"><!--archive-->
<li>
<a href="<%archive_link>" title="<%archive_year>">
<%archive_year>年<%archive_month>月 (<%archive_count>)
</a>
</li>
<!--/archive--></ul></div>
<script type="text/javascript"><!--
var A=document.getElementById('AR').getElementsByTagName('A');
L=A.length; Y=0; YN=0; I="";
function yc(k) {
for (i=0;i<YN;i++){document.getElementById('y'+i).style.display="none"}
document.getElementById("y"+k).style.display="block";
}
for (i=0;i<L;i++){
E=A[i].title; k="";
if(E!=Y){I+='<li><b onclick="yc('+YN+')">'+E+'年</b><br /><span id="y'+YN+'">'; Y=E; YN++}
if(i==L-1 || A[i+1].title!=E ) {I+=" └ ";k='</span></li>'} else {I+=" ├ "}
I+='<a href="'+A[i].href+'">'+A[i].innerHTML.split('年')[1]+'</a><br />'+k;
}
document.getElementById('AR').innerHTML=I;
for (i=1;i<YN;i++){document.getElementById('y'+i).style.display="none"}
//--></script>
使ってないけど、おまけ・・・
COMMENT<div class="tree"><ul id="RC">
<!--rcomment--><li>
<a href="<%rcomment_link>#comment<%rcomment_no>" title="<%rcomment_etitle>"
name="<%rcomment_year>/<%rcomment_month>/<%rcomment_day>/<%rcomment_hour>">
<span><%rcomment_month>/<%rcomment_day></span>
<%rcomment_name></a>
</li><!--/rcomment-->
</ul></div>
<script type="text/javascript"><!--
var A=document.getElementById('RC').getElementsByTagName('A');
I=""; L=A.length;
for (i=0;i<L;i++){ E=A[i].title; if (E!="") {
var C=new Array(); c=-1; I+='<li><b>'+E+'</b><br />';
for (j=i;j<L;j++){if (A[j].title==E) {c++; C[c]=j}}
for (j=0;j<=c;j++){
k=C[j]; A[k].title=""; p=A[k].name;
if (j<c) {I+=' ├'} else {I+=' └'}
I+='<a href="'+A[k].href+'" title="'+p+'" name="'+p+'">'+A[k].innerHTML+'</a><br />';
} I+='</li>';
} } document.getElementById('RC').innerHTML=I;
--></script>
RECENT<div class="tree"><ul id="RE">
<!--recent--><li>
<span><%recent_month>/<%recent_day></span>
<a href="<%recent_link>" title="<%recent_month>月<%recent_day>日" name="<%recent_year>/<%recent_month>/<%recent_day>/<%recent_hour>">
<%recent_title></a>
</li><!--/recent-->
</ul></div>
<script type="text/javascript"><!--
var A=document.getElementById('RE').getElementsByTagName('A');
var I=""; var E=""; var L=A.length;
for (i=0;i<L;i++){
if (A[i].title!=E){ E=A[i].title; I+='<li><b>'+E+'</b><br />'}
if (i==L-1 || A[i+1].title!=E){ I+=' └';k='</li>';
} else {I+=' ├';k=""}
I+='<a href="'+A[i].href+'" name="'+A[i].name+'">'+A[i].innerHTML+'</a><br />'+k;
}
document.getElementById('RE').innerHTML=I;
//--></script>
エントリーナビ 
関連記事
