こんばんわ^^

> 最初は久々に０から作ろうとしたんですが、公開されているテンプレ集を覗いてみたら一目ぼれしたので、ダウンロードした後、カスタマイズしてしまいましたよ^^

やっぱり黒はいいですねぇ
でも、黒背景にフォントの色が明るすぎると目が疲れてしまうのでお気けてくださいね

> 障壁になっているIE6でも現在は正常に見れるし満足です

油断大敵です!!
わたしのサイトも、わたしが確認した限り IE6 では思惑通りに表示されるのですが、どうやら IE6 系のブラウザ!? によるのか、何らかのアクションを行うと想定外の表示がされてるようなんです。

先ほど訪問者さんに教えてもらったのですが･･･ ショックです

最初は久々に０から作ろうとしたんですが、公開されているテンプレ集を覗いてみたら一目ぼれしたので、ダウンロードした後、カスタマイズしてしまいましたよ^^

障壁になっているIE6でも現在は正常に見れるし満足です

こんにちわ^^

TomomiX さんのとこ見に行きました。
カックいいですぅ

わたしは黒が好きなので興味をそそられまする
shadowbox も表示できるようになったようですし何よりです

自分も最近テンプレを変えてみました。久々の黒ベースです。
一部記事の変更や白系プラグインの変更に手を焼きましたが。
しばらくはコレでやってきたいと思います

あ、Shadowbox実装できましたよ。
Greyboxは、Highslide導入後動作しなくなりましたが、
Shadowboxが穴埋めしてくれるので、放置しておきます

それではまた^^

こんばんわ^^

わたしのサイトでは GreyBox は利用してないんですよ
Shadowbox と Highslide を併用してますが、特にブッキングするようなことはないです。普通に使えてますよ

あと、別件ですが、bzbellさんのHighslideに憧れて、FC2ブログでも採用してしまいました。（ディレクトリアップできないので修正必要でしたが）
しかし、代償としてGreyboxが（ナビバーメール部分や特定の記事）動作しなくなりました。prototypeとの競合でもなさそうですし、どうやってbzbellさんは共存させているのか質問したいと思いました。

いっつも相談・質問ごとばかりで本当に恐縮です、、、

> ･･･ディレクトリ形式のアップロード・配置ができないと難しいでしょうか。

いいえ、そんなことないですよ。
各イメージファイルやスクリプトなどのパスが正しく通っていればどこでも問題ないと思います
なので、TomomiX さんの方でそこら辺の修正がされてればいいのではないでしょうか。

> <%hogehoge>の部分ですよね？

そうですね。
FC2 は使ったことないので詳しくは知りませんが、ネットで調べたらそんなようなタグがヒットしました。
やっぱり MT のタグとはかなり違うようで戸惑いましたけど

FC2固有のタグ変換につきましては、完全に勉強不足なので、色々調べてみてはいじってみます。<%hogehoge>の部分ですよね？

なかなか解決できずすみません。。

おはようございます^^

まず、1. の工程のスクリプトをそのままファイルに保存してアップロードしただけではダメです。FC2 固有のタグ変換を行ってもらわないとコメント一覧を表示することができません。

そうしましたら、トップページのテンプレート内の下の方（</body>タグの上辺り）に上記スクリプトをコピペしてください。
その際、スクリプト全体を <script type="text/javascript"></script> で囲うことを忘れずに

で、トップページを再構築!? することでツリー表示されれば OK です。
されなかった場合、わたしの記述にミスがあるかもなので確認していただけますか

工程としては・・
１．上記(1)のスクリプトを画像URLの記述後、メモ帳保存からdtree_commu.jsに名称変更し、jsファイルとして保存。（名称の_は、拡張子前にピリオドがついているとアップロードできない仕様の為）

２．続けてdtree.jsをアップロード。これは下記のような編集済みのjsアップロードで良いのか不明でした；
<pre>/*--------------------------------------------------|

| dTree 2.05 | www.destroydrop.com/javascript/tree/ |

|---------------------------------------------------|

| Copyright (c) 2002-2003 Geir Landrö |

| |

| This script can be used freely as long as all |

| copyright messages are intact. |

| |

| Updated: 17.04.2003 |

|--------------------------------------------------*/

// Node object

function Node(id, pid, name, url, title, target, icon, iconOpen, open) {

this.id = id;

this.pid = pid;

this.name = name;

this.url = url;

this.title = title;

this.target = target;

this.icon = icon;

this.iconOpen = iconOpen;

this._io = open || false;

this._is = false;

this._ls = false;

this._hc = false;

this._ai = 0;

this._p;

};

// Tree object

function dTree(objName) {

this.config = {

target : null,

folderLinks : true,

useSelection : true,

useCookies : true,

useLines : true,

useIcons : true,

useStatusText : false,

closeSameLevel : false,

inOrder : false

}

this.icon = {

root : 'http://blog31.fc2.com/b/blackcat13numbers/file/base.gif',

folder : 'http://blog31.fc2.com/b/blackcat13numbers/file/folder.gif',

folderOpen : 'http://blog31.fc2.com/b/blackcat13numbers/file/folderopen.gif',

node : 'http://blog31.fc2.com/b/blackcat13numbers/file/page.gif',

empty : 'http://blog31.fc2.com/b/blackcat13numbers/file/empty.gif',

line : 'http://blog31.fc2.com/b/blackcat13numbers/file/line.gif',

join : 'http://blog31.fc2.com/b/blackcat13numbers/file/join.gif',

joinBottom : 'http://blog31.fc2.com/b/blackcat13numbers/file/joinbottom.gif',

plus : 'http://blog31.fc2.com/b/blackcat13numbers/file/plus.gif',

plusBottom : 'http://blog31.fc2.com/b/blackcat13numbers/file/plusbottom.gif',

minus : 'http://blog31.fc2.com/b/blackcat13numbers/file/minus.gif',

minusBottom : 'http://blog31.fc2.com/b/blackcat13numbers/file/minusbottom.gif',

nlPlus : 'http://blog31.fc2.com/b/blackcat13numbers/file/nolines_plus.gif',

nlMinus : 'http://blog31.fc2.com/b/blackcat13numbers/file/nolines_minus.gif'

};

this.obj = objName;

this.aNodes = [];

this.aIndent = [];

this.root = new Node(-1);

this.selectedNode = null;

this.selectedFound = false;

this.completed = false;

};

// Adds a new node to the node array

dTree.prototype.add = function(id, pid, name, url, title, target, icon, iconOpen, open) {

this.aNodes[this.aNodes.length] = new Node(id, pid, name, url, title, target, icon, iconOpen, open);

};</pre>

３．dtree.jsとdtree_commu.jsのアップロード後のURLを指定したスクリプト呼び出し文をHEAD間に記述

４．以下の<pre>&lt;script type="text/javascript"&gt;dtree_communication();&lt;/script&gt;</pre>
を左カラムプラグイン内に記述

※プラグイン（左カラム）は、ブログ特有の基本フリースペースでありまして、HTML記述やスクリプト記述で構築できるスペースです。

また、丸投げになってしまいましたが、FC2ブログでは変数が独自なので難しいのでしょうか；；

こんばんわ^^

FC2 のタグはよく分からないのですが、ほぼカンで作ってみました

var dtree_icon_page       = 'http://●●●/dtree/img/page.gif';
var dtree_icon_fold       = 'http://●●●/dtree/img/folder.gif';
var dtree_icon_open       = 'http://●●●/dtree/img/folderopen.gif';
var dtree_icon_coments    = 'http://●●●/dtree/img/comments.gif';
var dtree_icon_trackbacks = 'http://●●●/dtree/img/trackbacks.gif';

function dtree_communication()
{
    var node   = 0;
    var parent = 0;

    a = new dTree('a');
    a.config.useCookies = false;
//  a.config.target     = '_blank';

    /*
     * 最近のコメント
     */
    parent = 1000;
    node   = 1500;

    a.add(100,  -1, '<span class="bold">Recent Comments</span>', '', '最近のコメント', '', dtree_icon_fold, dtree_icon_open, true);
    <!--rcomment-->
    a.add(parent, 100, '<%rcomment_etitle>', '<%rcomment_link>', '<%rcomment_etitle>', '', dtree_icon_page, dtree_icon_page);
    a.add(node++, parent++, '<span class="right"><%rcomment_year>/<%rcomment_month>/<%rcomment_day></span><%rcomment_name> ', '<%rcomment_link>#comment', '<%rcomment_name> ', '', dtree_icon_coments, dtree_icon_coments);
    <!--/rcomment-->

    /*
     * 最近のトラックバック
     */
    parent = 2000;
    node   = 2500;

    a.add(200, -1, '<span class="bold">Recent Trackbacks</span>', '', '最近のトラックバック', '', dtree_icon_fold, dtree_icon_open, true);
    <!--rtrackback-->
    a.add(parent, 200, '<%rtrackback_etitle>', '<%rtrackback_link>', '<%rtrackback_etitle>', '', dtree_icon_page, dtree_icon_page);
    a.add(node++, parent, '<span class="right"><%rtrackback_year>/<%rtrackback_month>/<%rtrackback_day></span><%rtrackback_title>', '<%rtrackback_url>', '<%rtrackback_title>', '', dtree_icon_trackbacks, dtree_icon_trackbacks);
    <!--/rtrackback-->

    document.write(a);
}

1. 新規テンプレートを作成して、上記スクリプトをコピペします。そして、出力ファイル名を dtree.commu.js( アップロードした dtree.js と同じ場所に作成 )という名前で作成するようにしてください。
   また、1 ～ 5 行目の URL を dtree/img の URL に変更します。

2. 次に再構築!? すると上記コード中のタグが変換されてコメントトラックバックツリーの Javascript が作成されると思います。

3. 最後にツリー表示したいテンプレート中の HTML ヘッダ中に以下を追加します。

   <script type="text/javascript" src="http://●●●/dtree/dtree.js"></script>
   <script type="text/javascript" src="http://●●●/dtree/dtree.commu.js"></script>
   

   次にツリー表示したい場所に以下を追加します。

   <script type="text/javascript">dtree_communication();</script>
   

以上です。
ホントできるかどうか分かりませんよ
FC2 で上記手順の 1. ができるかどうかがポイントだと思います
1. ができないと FC2 ではできないことになります。ご確認ください。

コメント・トラックバックを指しているタグは以下の通りです。
●コメント
<div id="commentlist">
<ul class="rcomment">
<!--rcomment-->
<li><%rcomment_etitle><br /><a href="<%rcomment_link>#comment"><%rcomment_name> (<%rcomment_month>/<%rcomment_day>)</a> <script type="text/javascript">
nw(<%rcomment_year>,<%rcomment_month>,<%rcomment_day>,<%rcomment_hour>)
</script></li>
<!--/rcomment-->
</ul>
</div>

●トラックバック
<div id="tblist">
<ul class="rtrackback">
<!--rtrackback-->
<li><%rtrackback_etitle><br /><a href="<%rtrackback_link>#trackback"><%rtrackback_blog_name> (<%rtrackback_month>/<%rtrackback_day>)</a> <script type="text/javascript">
nw(<%rtrackback_year>,<%rtrackback_month>,<%rtrackback_day>,<%rtrackback_hour>)
</script></li>
<!--/rtrackback-->
</ul>
</div>

※ul class=""で、現状はリスト用のアイコンをCSSで個別に指定しています。

丸投げ状態にしてしまって誠に申し訳ありません