テンプレ、プラグインのカスタマイズを色々試しつつ、こっそりテンプレ作成などしてみたり(謎)
10月 ≪ 2017年11月 ≫12 月
123456789101112131415161718192021222324252627282930
つぶやきぃ~♪
チェックチェック!
クリックしてね♪
ぽちっと同盟名簿へ
meromero park



タグふれんず

BlogPet

いろいろサーチ
プロフィール

あき

etc・・・
 エントリーナビ 
スポンサーサイト 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
この記事に拍手する
スポンサー広告 * * TOP↑
Treeシリーズにアイコンを付ける 
FCafeのdanielさん作、プラグインTreeシリーズ、使わせていただいてます♪
簡単にツリー化できて、見た目もスッキリ♪
大好きでぇす!!

すっごくすっごく頑張って、アイコン付けたり、ツリーマークを画像にしたり・・・
いや、マジで色々悩んでるんですよ!!信じて!!!(・m・ )クスッ
最終的には、ぜぇ~~んぶ師匠に助けてもらってるんだけどさ・・・・・・・・○┼< バタッ・・・・・

treeTB、treeArchive、treeCATEGORY、treeLINK、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>



LINK

<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>

この記事に拍手する
プラグインカスタマイズ * CM(0)TB(0)TOP↑














 秘密にする?

http://akiringakiring.blog31.fc2.com/tb.php/62-6ce70039
この記事へのトラックバック


登録してね♪
おこづかいゲット~!
宿・ホテル予約ならじゃらんnet セシール セシール - デジタルカタログ テニス365 オンライン書店 boople.com(ブープル) e87.com(株式会社千趣会イイハナ) ジャパネットたかた メディアミックスショッピング みんなが気になるあなたのブログ レビューブログ
最近のコメント
カテゴリ
アーカイブ
リンク
List Me! by BlogPeople
ユーザータグ
トラックバック
テンプレ一覧

* デザイン変更 *
(トップに飛ぶと 元に戻ります)


Style Changer(改)
Script by FCafe
Arrange by ウェビンブログ

カウンター

今ここに:人います!
今日の献立
Yahoo!オークション
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。