2005 -07-07 ( Thu )

More

設置は意外と簡単です。
まず、専用アイコンマークをブログ内にアップロードして「自分のトリップ」と「アイコンのURL」をメモ帳に控えてください。

次に、テンプレートのHTML部分の「コメントタイトルを表示している記述」を探します。
例えば「commercial」ではこうなってます。
<h3 id="c<%comment_no>"><%comment_title></h3>

それを、こう直します。
<h3 id="c<%comment_no>" class="t_<%comment_trip>"><%comment_title></h3>
もし既にclassが指定されているときは、
class="（既に書いてあったclass名）（半角スペース）t_<%comment_trip>"
と書いてください。

最後に、スタイルシートにこう書き加えます。
.t_あなたのトリップ{
background-image: url(アイコンのURL);
background-position: right;
background-repeat: no-repeat;
}

1. 「コメントタイトル」に既に背景画像が使われていると、元の画像が消えてしまいます。ご注意ください。
2. 縦幅が狭くてアイコンが切れてしまうときは、
   padding-top: （適当な数値）px;
   を書き加えて調節しましょう。
3. 応用すると「常連さん専用アイコン」なんてのもできます（笑）