« サイト内の検索機能 | トップページ | コメント欄のカスタマイズ »

2008年1月 3日 (木)

サイドバーの最近のトラックバックをスクロール表示する

サイドバーに載せている、「最近のトラックバック」の表示が、どうしても縦に長くなってしまうので、表示件数を少なくするか、スクロールバー表示にするかしたいなと思いました。そしてたどり着いたのがfacet-diversさんのところです。最初、自分で作成したマイリストしか駄目なのかとあきらめかけましたが、みなさんのコメントに対するfacetさんのお返事を読んで、最近のトラックバックやコメントなどにもできることが解りました。むしろ、この場合のほうが簡単なようです。(^_^;)
★節約ごはん★では、下記のコードをサイドバーの一番右下に表示しているマイリスト(トップへ戻る▲)の中に書いています。

<Style Type="text/css">
div.module-recent-trackbacks ul.module-list {
height: 10em;
overflow: auto;
}
</Style>

太字の部分が変更可能です。
module-recent-trackbacksmodule-recent-commentsに変えれば最近のコメントに、module-archivesにすれば最近の記事にスクロールバーが付きます。スクロールにしたくない場合(表示範囲を小さくしたい場合など)には、overflow: auto;のところをoverflow: hidden;にして、heightの値を適当に変更し調整すればOKです。ただ、うまく調整しないと文字が半分だけ見えてる状態とかになってしまいますので注意です。ちなみに、今の値10だと、2~3個のトラックバック項目が表示されます。

|

« サイト内の検索機能 | トップページ | コメント欄のカスタマイズ »

コメント

この記事へのコメントは終了しました。

トラックバック


この記事へのトラックバック一覧です: サイドバーの最近のトラックバックをスクロール表示する:

« サイト内の検索機能 | トップページ | コメント欄のカスタマイズ »