2017年5月
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31      

過去の記事

« 中島梓バースデーライブ | トップページ | 友チョコ? »

2006年2月13日 (月)

スタイルシート:コメントツリー編

先日から、暇を見つけてスタイルシートを改造していますが、コメントリストを見やすく改造してみましたので今日はその手順を書きとめておこうと思います。参考にさせていただいたのは、こちらのスクリプトです。

コメントリストツリー化 for ココログ&ブログ人

変更した点と言えば、スクリプトのURLが直リンクになっていたので、自分のところに置いて作動するようにしただけです。先日の記事のように、自分のCSSを入手し、以下のスクリプトを書き加えた上でアップロードしなおしておきます。

    ul ul.tree {
      list-style: none;
      margin: 0px;
      padding: 0px;
    }
    ul ul.tree li {
      margin: 0px;
      padding: 0px 0px 0px 16px;
      font-size: 100%;
      background-image: url(http://chie.air-nifty.com/style/comment_tree2.gif);
      background-repeat: no-repeat;
    }
    ul ul.tree li.end {
      background-image: url(http://chie.air-nifty.com/style/comment_tree1.gif);
    }

そして、コメント欄よりあと、今の私の配置だと『PET』の方があとなので、そこに題名なしでリストを一つ加えます。そしてその内容に以下のスクリプトを記述しておくだけです。このスクリプトも、自分のところにアップロードしましたが、実質30分かからずに終了しました!

    script type="text/javascript" src="http://chie.air-nifty.com/style/comtree.js"></script>

« 中島梓バースデーライブ | トップページ | 友チョコ? »

ウェブログ・ココログ関連」カテゴリの記事

コメント

実質などを配置しないかもー


コメントを書く

(ウェブ上には掲載しません)

トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/113563/8645918

この記事へのトラックバック一覧です: スタイルシート:コメントツリー編:

« 中島梓バースデーライブ | トップページ | 友チョコ? »

足あと代わりに押してね♪

  •  
    匿名のまま、読んだことを知らせることができます(ボタンが押された回数のみカウントされます)。誰かは分からなくても、読んでくださったんだ~!と、とっても励みになるので、是非ぽちっと押して下さると嬉しいです。よろしくお願いします♪

    結果のグラフ例はこちら
無料ブログはココログ