- ベストアンサー
スクロールバーを変化させる方法
ネットをしていて最近よく見かける スクロールバーに色がついていたり 線と色だけになっているやつがありますが、 自分のＨＰでもやってみたいと思っています。 でもやり方が全然分かりません（__； ぜひこれのやり方が知りたいです！ やり方を紹介しているＨＰなどあったら それも知りたいと思います。 それと私はＨＰビルダーVer.6を使っていますが これでやる方法はあるでしょうか？ ぜひ教えて下さい！
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
こんばんは。 色のつけ方です。スタイルシートを使いましょう。ただし、このやり方は見る側のブラウザがＩＥ５．５以降でないとダメみたいです。それ以前のＩＥやネスケでは、残念ながら色は変化しないようです。 私はビルダーは使っていないので、ビルダーでどういう表現になっているかは分かりませんが、ＨＴＭＬのソースを編集できるモードがあると思うので大丈夫でしょう。 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"> <!-- body {scrollbar-●●●:★; scrollbar-●●●:★; scrollbar-●●●:★;} --> </style> いろいろと試してみて下さい。 参考になれば幸いです。
お礼
どうも有難うございます！ ソースも分かりやすくて大変ありがたかったです。 是非このとおりにやらせていただきます。 本当に有難うございました！