htmlテンプレートでコメント部分の構成を確認します。

2004/04/23現在、15個の標準テンプレートでは、

<div class="entry_body">
{comment_description}
</div>

という構成になっています(中には、改行が含まれていないテンプレートもあります)。これを以下のように変更します。

<div class="comment_description">
{comment_description}
</div>

続いて、コメント全体の領域に対しての設定を確認します。htmlテンプレートで

<!-- BEGIN comment_area -->

を探してください。おそらく先のコメント部分の上部に見つかるはずです。

showerとcreep以外のテンプレートでは以下のような構成になっています。

<!-- BEGIN comment_area -->
<a name="comments"></a>
<div class="entry">
  (中略 - コメントタイトル)
<!-- BEGIN comment -->
  (中略 - コメント本文領域)
<!-- END comment -->
  (中略 - コメント用のフォームなど)
</div>
<!-- END comment_area -->

要するにコメント全体の領域が<div class="entry">〜</div>という<div>要素で囲まれているというわけです。

showerテンプレートではentryというクラスではなく、commentというクラスになっているだけで、基本的な構成は変わりません。

creepテンプレートだとコメント全体の領域が囲まれていません。独自に<div class="comment">〜</div>を使って囲むようにしてください。

コメント全体の領域を見つけたら、これにidを付けます(もしかしたら一部の方はすでにidをつけているかもしれませんが)。以下のようになります。

<!-- BEGIN comment_area -->
<a name="comments"></a>
<div class="entry" id="commentarea">
  (中略 - コメントタイトル)
<!-- BEGIN comment -->
  (中略 - コメント本文領域)
<!-- END comment -->
  (中略 - コメント用のフォームなど)
</div>
<!-- END comment_area -->

続いて、<!-- END comment_area -->の下に以下のようなスクリプトを挿入します。

<script type="text/javascript">
<!--
function extractCommentBody(objFocus) { // コメント本文を探す
  var objRet = new Array();
  var comArea = objFocus.getElementsByTagName('div');
  for (var i=0;i<comArea.length;i++) {
    if (comArea[i].className == 'comment_description') objRet[objRet.length] = comArea[i];
  }
  return objRet;
}
function splitByLine(text) { // コメント本文を改行ごとに分割する
  text = text.replace(/<br \/>/ig,'&br;');
  text = text.replace(/<BR>/ig,'&br;');
  text = text.replace(/\s\n/g,'');
  text = text.replace(/\n/g,'');
  return text.split('&br;');
}
function quotedComment(quoteColor,noteColor) {
  var objFocus = document.getElementById('commentarea'); // コメント全体の領域
  if (!objFocus || !objFocus.innerHTML) return;
  if (window.location.search.indexOf("eid=") == -1 && window.location.search.indexOf("mode=comment") == -1) return;
  var comBody = extractCommentBody(objFocus);
  for (var i=0;i<comBody.length;i++) {
    var bodyText = new Array();
    bodyText = splitByLine(comBody[i].innerHTML);
    comBody[i].innerHTML = '';
    for (var j=0;j<bodyText.length;j++) {
      if (bodyText[j].indexOf('＞') == 0 || bodyText[j].indexOf('&gt;') == 0) {
        bodyText[j] = Array('<span style="color: ',quoteColor,'">',bodyText[j],'</span><br />').join('');
      } else if (bodyText[j].indexOf('＃') == 0 || bodyText[j].indexOf('#') == 0 || bodyText[j].indexOf('//') == 0) {
        bodyText[j] = Array('<span style="color: ',noteColor,'">',bodyText[j],'</span><br />').join('');
      } else {
        bodyText[j] = Array(bodyText[j],'<br />').join('');
      }
      comBody[i].innerHTML = Array(comBody[i].innerHTML,bodyText[j]).join('');
    }
  }
}
quotedComment('blue','gray'); // 引用行カラー, 注釈文カラー
// -->
</script>

ここまでがhtmlテンプレートの修正になります。

引用行のカラーと注釈文のカラーは

quotedComment('blue','gray'); // 引用行カラー, 注釈文カラー

で設定できます。上記の状態では引用行を「blue」に、注釈文を「gray」にします。

基本的にこれで設置は終了なのですが、コメント本文に対してのクラス名を変更した影響でコメント本文のレイアウトが崩れてしまいます。

そこでcssテンプレートを以下のように修正します。

.entry_body {
  (中略)
}

という箇所を見つけてください。これを次のように変更します。

.entry_body, .comment_description {
  (中略)
}

以上で設置は完了です。コメントの引用行の色が変わることを確認してください。