« BlogPet背景 クリスマス準備編 | トップページ | プロフィールページの「ペットの俳句」をサイドバーに表示 »

2005.12.09

トラックバック欄にスクロールバー

ココログでは、「本文」→「トラックバック」→「コメント」の順で表示されます。
トラックバックが沢山ある場合、なかなかコメントまでたどり着けなくて、不便だなと思っていました。

そこでトラックバック欄にスクロールバーをつけてみました。
CSSの記述は、以下の通りです。

/* トラックバック欄 */
.entry-trackback {
overflow: auto;
height: 230px;
margin: 0px 0px 10px 0px;
}

これでトラックバックの多少に関わらず、すぐコメント欄を読むことができます。

IE以外のブラウザで確認していないのが、ちょっと心配です。
不具合等ありましたら、コメントでご指摘いただけると助かります。

|

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

トラックバック

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

この記事へのトラックバック一覧です: トラックバック欄にスクロールバー:

» トラックバック欄にスクロールバー [   まっきー あのね・・・♪]
これがスクロールバーのないトラックバック欄です。 ↓↓こっちがスクロールバーのついたトラックバック欄。 なんだか とって [続きを読む]

受信: 2007.05.17 00:09

コメント

ネスケ7.1ですが 問題なく機能してるようです  

これは好みの問題なんですが 下に少し余白を設けたほうがいいかも  「コメント」とくっ付いて見えます  

投稿 Маша(マーシャ) | 2005.12.09 20:21

★マーシャさん
コメントありがとうございます。
コメントとの間に、marginを設定してみました。

投稿 KOROPPY | 2005.12.09 21:23

FireFox1.5です。
TBの部分にスクロールバー導入されたのですか?
私には見えません(^^;;
今見えてるTBの件数は10件です。
トンチンカンなコメントでしたらm(__)m

投稿 アッシュ | 2005.12.09 23:00

>KOROPPYさん  
ばっちり いい感じですv  

>アッシュさん  
10件あったら表示される気がしますが...  
右サイドバーの「BlogPetの俳句」とか 他のスクロールバーは見えてますか?  

投稿 Маша(マーシャ) | 2005.12.09 23:17

KOROPPYさん、こんにちは。

使わせて頂きました。
私もTBが長くなりすぎるとコメントまでたどり着くのが大変…と思っていたのでとても助かりました。
スッキリしていい感じです。

ありがとうございました♪

投稿 tako | 2005.12.10 12:49

★アッシュさん
サイドバーにある「最近のトラックバック」ではなく、
記事本文へのトラックバック欄のことなんです。
こちらこちらの記事のトラックバック欄を見ていただけると、
スクロールしているのがお分かりになると思います。

★マーシャさん
ばっちりですか、わーい[ハート]
アドバイス、ありがとうございました。

★takoさん
「コメント」→「トラックバック」の順で表示されるテンプレならいいのですが、
逆だと見難いですよね。
使っていただけて嬉しいです。

投稿 KOROPPY | 2005.12.10 14:41

良く確認しないでコメントを書いてしまって、大変申し訳ありませんでしたm(__)m
表示件数を10件にしてたら、10件表示されてたらスクロールバーが出ないのは当然ですよね(^^;;

投稿 アッシュ | 2005.12.10 15:47

★アッシュさん
いえいえ、お気になさらずに。
私もよく早とちりする方なんで[涙]
スクロールバーをつけてすっきりした気がするのですが、
いかがでしょうか。

投稿 KOROPPY | 2005.12.10 16:01

Nice ideaですね(^^)
早速導入させてもらいました。

# IEがmax-heightを実装してたら、
.trackback-content {
max-height: 15em;
overflow: auto;
}
とか出来ていいのになあ…とか思いましたけど。

投稿 facet | 2005.12.10 21:37

KOROPPYさん、グッドタイミングでした!
スクリプトやテンプレート編集で対処しようと思ったけど、
CSSのみでやれちゃいますね。お手軽簡単。
私も導入させていただきました。ありがとう!

動作確認のご報告です(OSはWindows)。>皆さん

Firefox1.5、Opera8.5、Geckoプラグインでも、
スクロールバーは正常表示されます。バッチリです!
facetさん紹介の指定も、IEでできれば良いですね。

投稿 ads(あず) | 2005.12.10 22:56

★facetさん
max-heightだと、トラバなし&フォント最小のときに、
無駄な余白がなくなるのでしょうか。
それが理想的なんですけどね~。
IEが駄目なんですか[がーん]

★あずさん
他のブラウザでの動作確認、ありがとうございます。
これで安心して使えます[♪]

投稿 KOROPPY | 2005.12.11 19:21

コメントを書く