「最近のコメント」表示をツリー化

バージョンアップで簡単に

このところデジタルネタが続いて興味ない方も多いと思うけれど・・・。

最近のコメント表示を改善してよく見かけるツリー化表示へ。前は罫線記号の └ を使っていたのだけれど、これを画像で代替。

Firefoxのブックマークに表示される(IEにはない)ような、階段状の点線を表示させて、線をつないでやる仕組み。

bookmark

<ul>タグで作れるのだけれど、ミソは、横Tの字(├)を繰り返し、最後のリスト項目のみに、ツリーを閉じる役目の(└)を組み合わせること。

これまではjavascriptを使わないと出来なかったらしいのだけれど、MT3.2からは、最後のリスト項目を判断してくれる<MTCommentsFooter>なるタグが追加されたのだと。素晴らしい技術の進化・・・。

というわけで、バージョンアップの恩恵をありがたく被ってできあがり。

最近のコメント表示をツリー化

定義型リストでも

もうひとつ、Comments Listとした全コメントページについては、元タイトル前に文書(ノート)みたいな(=これが投稿したエントリーという意味の)アイコンを付けて区別化させてみた。

ツリー部分のリストに既に背景画像を使っているので、<ul>タグでは無理。エントリタイトルのみに直接<img>タグを置くのも、ソースが生成されるときに大量に出てスマートでないので、こちらのミソは<dl>タグで組んだこと。

見出しとなる<dt>にエントリ画像、ぶらさがる投稿内容を<dd>にしてツリー画像を表示。

dlタグで最近のコメント表示をツリー化

・・・と、このページも着々とブログらしくなってくれている。

けれどもなお残る致命的欠点について、また、次回以降で。



 

  Related Entries


 comment
  1. みっちー より:

    進化し続けてますねー。致命的な欠点??なんでしょう??
    もちろん私では何の役にもたちませんが・・・orz...

  2. より:

    まあ、欲をいわなきゃいいんですけどねー。
    実は、「ふむむ・・・、まずいね」と思うところは2点あって、何より、michilogに気付かされているところなのです。
    気力があればまた・・・。

Message

メールアドレスが公開されることはありません。