スクロールテキストボックス・・・
なんじゃこりゃ～と言われそうですが、ネタが無いのでご容赦下さい(^^;)
テキストボックスはFORMでも作れるのですが、 スタイルシートを使う方がオシャレかと･･･。
で、<head>～</head>内に、
<style type=”text/css”>
<!–
div#whatnew {
overflow: auto;
width: 330px;
height: 150px;
color: #E0D9FF;
background-color :#000000;
border: 1px #C0BBFB solid;
padding: 10px 10px;
scrollbar-3dlight-color:#C0BBFB;
scrollbar-track-color:#C0BBFB;
scrollbar-arrow-color:#CCCCFF;
scrollbar-base-color:#5C31B6;
scrollbar-face-color:#5C31B6;
scrollbar-highlight-color:#D8C9FF;
scrollbar-shadow-color:#D8C9FF;
scrollbar-darkshadow-color:#000000;
}
–>
</style>
などと、記述します。div要素にwhatnewというid属性を付けてます。
(もともとは更新履歴にしてたので･･･)
外部から読み込ませる場合は、 <link rel=”stylesheet” href=”なんたら.css” type=”text/css”>として、
なんたら.css内に記述すると吉♪
本来ならoverflowはscrollにするんですけど、そうするとテキストボックスの下にもスクロールバーが有無を言わせず表示されるので、autoにしてます。
ただ、こうするといっぱい書かないとサイドのスクロールバーが表示されませんが(^^;)
この辺はお好みで･･･。
scrollbarなんたらはスクロールバーの色をいろいろ変える記述です。
詳細は･･･自分で調べてね(バキッ。^^;)
(苦労したわりにFirefoxでは反映されてなかった(^^;))
で、次は、テキストボックスを設置する場所に、以下のように記述して書いていきます。
<div id=”whatnew”>
<div align=”left”>
<font color=”#DCFFFF”>
<u>独り言</u></font>
<ul> <li>2006/07/10<br> どたばたと模様替え。<br>
（もちろん何も言う事無し（＾＾;））<br>
なんとなく疲れてます・・・。<br> <br> </li>
(以下省略･･･) </ul>
</div>
</div>
本当に必要なのは開始の<div id=”whatnew”>と、 閉じる</div>だけです。
その間に書きたい内容をご自由にお書きいただけます･･･(なんちって^^;)
多分間違ってないと思いますが、 使われる場合は自己責任ということで･･･(逃げろ～^^;)
