トラックバック欄にスクロールバー
ココログでは、「本文」→「トラックバック」→「コメント」の順で表示されます。
トラックバックが沢山ある場合、なかなかコメントまでたどり着けなくて、不便だなと思っていました。
そこでトラックバック欄にスクロールバーをつけてみました。
CSSの記述は、以下の通りです。
/* トラックバック欄 */
.entry-trackback {
overflow: auto;
height: 230px;
margin: 0px 0px 10px 0px;
}
これでトラックバックの多少に関わらず、すぐコメント欄を読むことができます。
IE以外のブラウザで確認していないのが、ちょっと心配です。
不具合等ありましたら、コメントでご指摘いただけると助かります。
| 固定リンク
「ウェブログ・ココログ関連」カテゴリの記事
- 特定の記事が保存(再構築)できなかった覚書(2008.04.09)
- CSSでココログの画像をポラロイド風にアレンジ(2006.05.23)
- ココログ公式絵文字のみ、ポラロイド風枠を外す方法(2008.02.10)
- テンプレートをいじらずにコメント欄で絵文字を使う方法(2005.01.14)
- このサイトについて(2004.02.01)
トラックバック
この記事のトラックバック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