スクロールバーを変化させる方法

解決済

質問者：iyako
質問日時：2001/11/02 19:52
回答数：3件

ネットをしていて最近よく見かける
スクロールバーに色がついていたり
線と色だけになっているやつがありますが、
自分のＨＰでもやってみたいと思っています。
でもやり方が全然分かりません（__；
ぜひこれのやり方が知りたいです！
やり方を紹介しているＨＰなどあったら
それも知りたいと思います。

それと私はＨＰビルダーVer.6を使っていますが
これでやる方法はあるでしょうか？

ぜひ教えて下さい！

通報する

この質問への回答は締め切られました。

質問の本文を隠す

このQ&Aに関連する最新のQ&A

「とは HP」に関するQ&A：ホームページをHPと書くのはNGでしょうか？

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： noname#21343
回答日時：2001/11/02 21:04

　こんばんは。

色のつけ方です。スタイルシートを使いましょう。ただし、このやり方は見る側のブラウザがＩＥ５．５以降でないとダメみたいです。それ以前のＩＥやネスケでは、残念ながら色は変化しないようです。
　私はビルダーは使っていないので、ビルダーでどういう表現になっているかは分かりませんが、ＨＴＭＬのソースを編集できるモードがあると思うので大丈夫でしょう。

scrollbar-●●●:★;
＃●と★の間はコロン、★の後ろはセミコロンです。

　↑の●が、スクロールバーのどの部分の色を指定するか、★の部分が、実際に指定する色です。指定できる部分は下記の通りです。

scrollbar-base-color:★←基本の色です。
scrollbar-face-color:★←表面の色です。
scrollbar-arrow-color:★←矢印の色です。
scrollbar-highlight-color:★←ハイライト部分の色です。
scrollbar-3dlight-color:★←ボタンのハイライト部分の色です。
scrollbar-shadow-color:★←シャドウ部分の色です。
scrollbar-darkshadow-color:★←ボタンのシャドウ部分の色です。

　実際の指定の仕方です。ＨＴＭＬの<head>～</head>内に、以下のような感じで書き込んでください。もちろん、実際に書き込むときは●、★をそれぞれ指定してくださいね。またここではスクロールバーのうち３ヵ所について色を指定する形になっていますが、もちろん１ヵ所だけでも、あるいはすべて（７ヵ所）指定することもできます。

<style type="text/css">

</style>

　いろいろと試してみて下さい。

　参考になれば幸いです。