スクロールリスト化の方法

| | トラックバック(0)
スクロールリストにする方法を書いておこう。いたって簡単。もし、使ってみようと思う人がいれば、自由に使って下さい。

スタイルシートに追加する記述
以下のものを追加

.scrollList {
   overflow: auto;
   height: 200px;
   width: 200px;
   font-size: 10px;
   }

(注意)
  • 200pxは、スクロールリストの縦横のサイズ(ピクセル)ですから、設置する場所に合わせて適当に変更すればよいです。
  • 10pxは、フォントのサイズですから、これも設置する場所での他とのフォントのバランスを考えて指定すればよいです。


設置したいテンプレートでの記述
<div class="scrollList">

(スクロールリストの中に入れたいもの)

</div>


と、指定して、再構築すれば、スクロールリスト化できる。

トラックバック(0)

このブログ記事を参照しているブログ一覧: スクロールリスト化の方法

このブログ記事に対するトラックバックURL: http://www.ofours.com/cgi-bin/mt/mt-tb.cgi/160

このブログ記事について

このページは、弁天小僧が2004年11月22日 19:39に書いたブログ記事です。

ひとつ前のブログ記事は「サイドバーを工夫した」です。

次のブログ記事は「月別アーカイブ一覧のプルダウンメニュー化の方法」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

携帯電話用ブログURL

Powered by Movable Type 4.1

最近のコメント