FCafe　 plugin Treeシリーズ

こんにちは。さっそくＴｒｅｅ−ＬＩＮＫを使わせていただいたんですが、どうしてもツリーがセンターになってしまって、左寄せにできないのですが、どうすれば左寄せになるのでしょうか？あと、文字を大きくするには、プラグインではなく、ブログテンプレートのスタイルシートからでないとできませんよね？ツリー部分だけ文字が小さいので。。。

御利用有難うございます あさみさん　始めまして。

1) 右カラムの最初にあるFLASH時計をセンタリングしているタグが閉じていないようです。
<h3 align="left" title="">サンディエゴは今・・・</h3>
<center><embed src="htpt〜
⇒　時計タグの後に 　</center> を追加して下さい

２） CSS末尾に以下を追加してみてください
.tree p {font-size:14px}

さっそくお返事ありがとうございます。時計が原因だったんですねぇ。。。これは思いつきませんでした。さすが！！！ばっちり直りました！大感謝です！文字の大きさは直りませんでしたが、このままのほうが良いかもしれないと思い始めたので、とりあえずこのままにしておこうと思います。ほんとにありがとうございました！

こんにちは、ははどんです。
ＢＢＳではお返事ありがとうございました。
画像を表示させる方法は、Ｃｈａｋｏさんと言うテンプレを作っておられる方にお聞きして表示させることが出来ました。
通常のリストマークや色つきのリストマークの表示のさせ方を教えて頂きたいです。

あと、Ｔｒｅｅ−ＬＩＮＫ・Ｔｒｅｅ−ＣＡＴＥＧＯＲＹについて教えて頂きたいのですが・・・
管理者ページ左の、リンクの編集・カテゴリーの編集にリンク先やカテゴリーを入れるだけではだめなんでしょうか？
（元リスト上での）行番（幾つ目か）と言うのが分からなくて・・・
ちゃんと説明されているのに理解出来なくてすみません。

今回、
Ｔｒｅｅ−Ｃｏｍｍｅｎｔ　
Ｔｒｅｅ−ＴＢ 　 　 　 　
Ｔｒｅｅ−Ｒｅｃｅｎｔ
Ｔｒｅｅ−Ａｒｃｈｉｖｅ
もＤＬさせて頂きました。
今、使っているテンプレではなぜかセンタリングされてしまうんです。
他の同じように左寄せにしたいのですが、どこを直せば教えて頂けますか？
色々質問ばかりで申し訳ありません。
お手数をお掛けしますがどうぞ宜しくお願い致します。
前回とURLが変わりました。

ＵＲＬを書こうと思ったのですが、なぜかＵＲＬを入れると禁止ワードがと出てコメント出来なくなってしまいます。
（他の方はちゃんと入力出来ているのになんででしょうか？）
ｈｔｔｐ://ｂｏｔｉｂｏｃｈｉ.ｂｌｏｇ８０.ｆｃ２.ｃｏｍ
↑
このように書くとコメント出来るみたいなので大文字で書かせて頂きました。

おはようございます。　
BBSでも述べた様に　treeシリーズはリストタグを持ちません。
リストではありませんのでリストマークは表示されないのです
これについては別（裏）バージョンを作成済です。
以下にソースがありますので交換されてみて下さい。
http://otd12.jbbs.livedoor.jp/317013/bbs_index?base=652&range=1

センタリングされないようにするには以下のようにされてください
CSS末尾に　　.tree {text-align:left}　　を追加

どうもありがとうございました。
無事、センタリングも出来き、リストマークも表示することが出来ました。
これで色んなテンプレートをＤＬしているのでどれを使ってもＯＫになりました。

上記のＴｒｅｅ−ＬＩＮＫ・Ｔｒｅｅ−ＣＡＴＥＧＯＲＹも表示出来るようになりました。
また、色々お聞きすることもあると思いますがどうぞこれからも宜しくお願い致します。

リンクにFCafeさんを追加させて頂きました。

danielさんこんばんは。
遅ればせながら、あけましておめでとうございます。
今年もよろしくお世話になりますm(__)m

ところで、昨年末にsugarさんからのご指摘で気付いたのですが
Tree-TBをSafariで見ると、相手ブログ名のところが「undefined」となってしまいます。
スクショを撮ったのですが、わかりますでしょうか？
http://blog9.fc2.com/b/beigeheart/file/undefined.gif

FirefoxやMacIEなどは何も問題なく通常表示されています。
また、TB以外のツリーも問題ありません。

スクリプトはさっぱりわからないので、Tree-Commentを見て勝手に後半部分をさわってみたら通常表示になりました。
（Tree-Commentの「p」を「q」に変更）

これで正しいのかどうかもわからず、早くdanielさんにご報告しなくちゃと思いつつ、遅くなってしまいました。

ご検証、よろしくお願いいたします。

Chako さんこんばんは。　おめでとうございます。
こちらこそどうぞ宜しくお願い申し上げます。

・・・で、早速のお知らせ有難うございました。
一時、自宅のネット環境となっていた元祖Mac miniですが
無線LAN付きノート（展示品）買ってからすっかり御無沙汰でして。
鬼門のSafari対策がお留守になっておりました。
・・・えーと
上の画像はSafariを用い拙ＦＰＰでTreeTBをプレビュしたもの、
という事ですよね（ XP上では　IE、Fx 共正常であるけれども）
それで BeigeHeart のTreeTB を現状の如く替えたらOKになった、
と。

う〜ん。　tree化。 ちょっと離れるとすぐ判らなくなります
こんな行数でできたんでしたっけ。・・・関数使ってないのか

今の案件が落ち着いたら詳しく検討してみたいと思います。
（ ＢＨバージョンがＯＫであるならそれをまんまry ）

はじめまして、daniel様。
FC2ブログのテンプレート工房のいたおと申します。

Tree-CATEGORYのツリー化手順はとても便利で素晴らしいと思い、これを参考にアイコン付きツリー化カテゴリーを作成しました。
事後報告で恐縮なのですが、こちらを共有プラグインとして登録してもよろしいでしょうか。もしお気に召さなければ登録を取り消しますのでお申し付けください。
また、こちらのサイト様はリンクフリーでしょうか。許してもらえるならこちらからFCafe様をご紹介させて頂きたいと思います。
事後報告になってしまったことを重ねてお詫び致します。それでは御検討よろしくお願い致します。

これは いたお様　初めまして。
当店のスクリプトをお目に留めて頂けて光栄です。
改良等はどうぞ御自由に。　バンバンされて下さいな。
御紹介頂ければ　結構うれしいかも　です。
（ あと、なんかネタあったら教えて下さい ）

ありがとうございます daniel様。
お言葉に甘えて登録とFCafe様へリンクさせて頂きました。これからもご紹介させてもらうことが度々あるかも知れませんがよろしくお願いいたします。
ネタの調達はお互い悩みどころですね

初めまして。 FC2ブログにて「Tree-CATEGORY」を使わせていただいているのいですが、グループ分けしたカテゴリーのタイトル部分が、急に赤文字で表示されるようになってしまいました。（スタイルシート等は変更しておりません）DLさせて頂いてから、しばらくは黒文字で表示されていたんですが、急に赤文字になってしまいました。どうすれば解消できるのでしょうか？FC2に問合せたところ、作成者にお聞き下さいとの返答でしたので、こちらの方に質問させて頂きました。よろしくお願い致します。

VERYENDさん　はじめまして　こんばんは。　
Tree-Category の御利用有難うございます。
（ そちらのVarious categories　の所ですね ）

グループタイトルが赤文字で表示される、とのことですが
IE6 とFirefox ではそのような現象は確認できませんでした
（黒く表示されています）
・・と思ったらOperaでは確かに赤くなってました。
別のテンプレートを適用してもOperaではそうなりますので
http://swingin.blog95.fc2.com/?style3=14806&index
現在のテンプレートの問題ではないようです。
また、他のblogではそのような現象はおこりませんので
http://pcafe.blog3.fc2.com/?style3=14806&index
プラグイン自体には原因があるとは考え難いです。
「従来は正常に表示されていた」　とのことですので
サイドバーに最近追加された他の要素の影響、という事が考えられますが・・・
（FC2以外の要素により非常に多くのエラーが出ている模様です）
とりあえず、CSS末尾に以下の一行を追加されてみて下さい

#CA p b {color:#000}

safariやopera　でundefinedが出る件と関係あるかもしれません。
前記処置で効果無い場合はプラグインソースの

<div class="tree" id="CA"><ul>
<!--category--><li>
<a href="<%category_link>" title=""><%category_name>&nbsp(<%category_count>)</a>
</li><!--/category-->
</ul></div>

とあるのを以下のようにしてみて下さい

<div class="tree" id="CA"><ul>
<!--category--><li>
<a href="<%category_link>" title=""><%category_name> (<%category_count>)</a>
</li><!--/category-->
</ul></div>


また、

for (i=1;i<C.length;i++){ p=C[i].split(',');  l=p.length; if(l>1){
  I=I+'<p><b>'+p[0]+'</b><br />';
   for (k=1;k<l;k++){ q=p[k]-1;
    if(k==l-1) {I+="&nbsp;└ "} else {I+="&nbsp;├ "}
    I+='<a href="'+A[q].href+'" title="'+A[q].title+'">'+A[q].innerHTML+'</a><br />'; A[q].title="-";
   } I+='</p>';
} }
for (i=0;i<A.length;i++){if (A[i].title!="-") {
  p= A[i].innerHTML.split('&nbsp');
  I+='<a href="'+A[i].href+'" title="'+A[i].title+'"><b>'+p[0]+'</b> '+p[1]+'</a><br />';
} }
document.getElementById('CA').innerHTML=I;

とあるのを以下のようにして下さい

〜
  p= A[i].innerHTML.split(' ');
〜

daniel様
とても親切に対応していただき、ありがとうございます。
Tree-Categoryの文字色を修正する事ができました。
プラグインソースを変更したところ、文字色が従来通りの黒に戻りました。
ありがとうございました。

もう1つお聞きしたい事があるのですが、
Tree-Archiveの方も使用させていただいているのですが、Tree-Category同様、年表示の部分が赤文字になってしまいます。
この場合は、どう修正すれば良いのでしょうか？

お時間のある時でかまいませんので、アドバイス頂ければと思います。
お忙しいところ申し訳ございません。宜しくお願い致します。

スクリプトソース中の ＆ｎｂｐｓ；が一部ＵＡに良くないのかもしれません
正直、どうしてそこが「赤」くなるかは私には分からないのですが
カテゴリの方は小題が黒くなりましたか。　よかったですね。

というわけで？　＆ｎｂｐｓ；　を外し多野を作ってみました。
現在のプラグインソースと置き換えてみてください。
結果をお報せいただければ幸いです

http://blog3.fc2.com/p/pcafe/file/TAAS.html

plugin Treeシリーズのリストバージョンを使わせてもらってます。
いくつか質問があります。
・Tree-CommentとTree-TBで記事タイトル部分をその記事へのリンクにしたいのですがどうすればいいでしょうか？

記事タイトル　←リンクにしたい
├○○○
└○○○

・Tree-Archiveで年別折畳み機能搭載とありますが、どうやって折畳むのでしょうか？
今は折畳まれてないのですが、昨年以降から折畳まれるということでしょうか？
違うなら、今年は折畳まないで昨年以降から折畳むということはできますか？
・太字をやめるにはどうすればいいでしょうか？
Tree-CATEGORY等では<b>と</b>を全部消してできたのですが、あってますか？
Tree-Archiveでは、<b onclick="yc('+YN+')">となってるのですが、どうすればいいでしょうか？

けい　さんはじめまして　こんにちは.
拙作プラグインの御利用有難うございます。
早速お答えさせていただきます。

●　最初の質問は後程こちらに改訂ソースをお示しします

● Tree-Archiveはデフォルトで最新年以降分を年別に折り畳みます。
　　（初期状態は”今年”ではなく”最後の記事の年”が展開 ）
　　これが機能していないようなら　URLをお知らせ下さい。

●　ＣＳＳで#AR b {font-weight:normal;}　　などとすればよいでしょう

変更方法 　
http://pcafe.blog3.fc2.com/?no=335&template=fragment_of_summer#comment1514
Tree-Comment 　のソース中スクリプトの以下の（赤）部分を「青」のように変えて下さい

var C=new Array(); c=-1; I+='<li><b>'+E+'</b><br />';

I+='<li><b><a href="'+A[i].href.split('#')[0]+'">'+E+'</a></b><br />';

返事が遅くなりすみません。
回答ありがとうございます。
リンクにできました。
Tree-Archiveはデフォルトが求めてるもので良かったです。
太字もやめれました。

また質問なのですが、Tree-TBをTree-Commentと同じように、日付を表示させたいのですが、どうすればいいでしょうか？

けいさん　こんにちは。　　（できましたか。よかったですね）　
ＴＢで表示するブログ名はハンドルと異なりかなり長い場合も多いので
今のようにしたのですが　日付けを表示させたいのですね。

<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].className;
if (j<c) {I+=' ├'} else {I+=' └'}
I+='<a href="'+A[k].href+'" class="'+q+'">'+p[1]+'</a><br />';
} I+='</li>';
} } document.getElementById('RT').innerHTML=I;
--></script>

とあるスクリプト部分を

<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; q=A[k].className;
if (j<c) {I+=' ├'} else {I+=' └'}
I+='<a href="'+A[k].href+'" class="'+q+'">'+p+'</a><br />';
} I+='</li>';
} } document.getElementById('RT').innerHTML=I;
--></script>

のように変えて観て下さい

回答ありがとうございます。
日付表示できました。
ブログ名は長いこともあるので、日付表示させるか迷いましたが、コメントと統一させたかったので質問してみました。
また、何かありましたら質問させていただきます。
ありがとうございました。

はじめまして。Tree-Archiveを使わせていただいてます。
そこで質問なのですが、リストの前にある画像（├など）を変えることは出来ますか？
方法があればよろしくお願いします。

yoonさんこんばんは。　
Tree-Archiveの樹状マークを変える事は可能です。

if(k==l-1) {I+=" └ "} else {I+=" ├ "}

の行の　 └ 　や　 ├　を希望の文字（タグ）に置き換えればよいのです
ただ注意が必要なのは　（例えば）画像に変えようとして
<img src="http://〜.gif">　などとするとエラーになってしまいます
<img src='http://〜.gif'> 　としなければなりません。

あるいは 画像を使われる場合は　└ と ├ を使い分ける必要はないでしょうから 　 このレスの最初のソース行を
I+='<img src="http://〜.gif">'; 　　　のように書いても良いでしょう。

また　この行を削除してしまい　ＣＳＳで装飾すると云う手もあります。

danielさん、詳しい説明ありがとうございました。
画像を適用してみたのですが、線が繋がらず隙間が空いてしまい
行間も開いてしまってます。
これを改善するにはCSSで何か指定するべきでしょうか？
面倒でなければ、CSSでの指定方法も教えていただけますか？

こんにちは。　現状でも悪くないように思えますが、　更に、というのであれば
CSS末尾に以下を追加されてみてください。

#AR img {vertical-align:bottom;}

danielさん、出来ました。
完璧です。ありがとうございました＾＾

はじめまして。 danielさん、こんにちは。
ツリーシリーズに、NEWマークにスタイルチェンジャーに・・・
いつも勝手にお世話になってます(o´-ω-)o)ﾍﾟｺｯ

こちらのページから裏ページを発見（？）したので、記事にさせていただき、TBも飛ばさせていただきました。
何か不備がありましたら、自分の覚え書きとして、非公開記事にしますので、おっしゃって下さいね！

フォーラムに質問してます・・・（リスト表示の件）
danielさん答えてくれないかなぁ・・・と思って（笑）
独り言独り言・・・

あきさんこんばんは。　プラインご利用有難うございます。
今、　伊豆の温泉宿におります。
「いんたあねっとこぉなぁ」　の開放レノボからです。
一応何でもＯＫです？

いつもお世話になっています。

英語バージョンのFC2ブログで、Tree-CATEGORYをPluginのFree Areaにコピーして使用したいとトライしましたが、うまく表示できません。
やはり、まだ日本語版とはまったく仕様が同じではないので、使えないのでしょうか？

Hiroさんこんばんは。

実際登録されているカテゴリは　１６件ですが、　
C[x]　にそれ以上の設定がされているようです。

Danielさん！　ごめんなさい！

実は別のブログから移動させたのですが、その時に空のカテゴリーはインポートされていなかったみたいです。
もうちょっとチェックしていればよかったのに・・・。
ご迷惑おかけしました。　済みませんでした。

以前にカテゴリーのツリー化をする方法として、FCafeのdanielさんが作成した共有プラグインTree-CATEGORYを紹介しました。これを参考に各カテゴリごとにアイコンを表示できる『アイコン付きツリー化カテゴリー』を作成して

FCafeのdanielさん作、プラグインTreeシリーズ、使わせていただいてます♪ 簡単にツリー化できて、見た目もスッキリ♪ 大好きでぇす！！ すっご...