• 締切済み

スクロールバー

スクロールバーの色の指定のことです。 カラーコードで色をかえていけるのはわかるのですが、 壁紙画像(fig)の色や模様をスクロールバーに取り入れる ことはできるのでしょうか。 よろしくお願いします。。

  • HTML
  • 回答数2
  • ありがとう数3

みんなの回答

  • s_hukami
  • ベストアンサー率66% (98/148)
回答No.2

スクロールバーの色の指定の方法についてのご質問でしょうか? 通常IE5.5以上のブラウザでCSSによりスクロールバーの色の指定ができます。 参考URL中央辺りに説明画像もありますので、参考になると思います。 画像をスクロールバーに使用することはできません。 しかし、TABLEタグを利用して画像で擬似的に枠を作ることは可能です。 素材サイトなどで「飾り枠」とか「テーブル枠」いう名前で配布されている場合があります。 これはスクロールはできません。 しかし、TABLEを入れ子にする事によって、枠内の文章の量によって自動でサイズが変わります。 多用すると環境によっては表示に時間がかかりますが、かわいい枠が作れたりするので楽しいと思います。

参考URL:
http://www.tagindex.com/stylesheet/page/scrollbar_color.html
  • Mizyu
  • ベストアンサー率41% (245/593)
回答No.1

下記のサイトにカラーや画像を取り込んだり、別の仕様のスクロールバーを作ったりするやり方が載ってます。

参考URL:
http://ad.il24.net/~ura/java/sample.htm

関連するQ&A

  • HPのスクロールバーについて。

    HPで、スクロールバーの色の指定をしています。 以下のものを、<HEAD>と</HEAD>の間にに入れています。 <STYLE TYPE="text/css"> BODY {  scrollbar-3dlight-color:●;  scrollbar-arrow-color:●;  scrollbar-base-color:●;  scrollbar-darkshadow-color:●;  scrollbar-face-color:●;  scrollbar-highlight-color:#00aaff;  scrollbar-shadow-color:●; } </STYLE> ●部分は色の名前です。「#00aaff」の部分は、ここだけredなどの色の名前でなく、この形式でした(コピペで編集しました)。入れるときは、redなどの色の名前に変えています。 あるページでは、これを入れても、何の問題もなく表示されます。スクロールバーの色も指定したものになります。 しかし、時々ページが変に表示されることがあります。 文章が、意味不明の記号、アルファベットの羅列になります。スクロールバーの色も指定したものではなく、一般的なもの(?)のままです。 どうしたらよいでしょうか。 ご存知でしたら、教えてください。

  • スクロールバーのタグについて

    こんにちは。 先日、HPができたのですが スクロールバーがうまくいかずに困っています。 HPの中でイラストを表示させるページがあり、 <a href="画像URL"target="a"></a> そのタグを上のようにしています。 HP内全てのページのスクロールバーを <style type="text/css"> <!-- body{ scrollbar-face-color:白; scrollbar-arrow-color:オレンジ; scrollbar-track-color:黄緑; scrollbar-highlight-color:赤; scrollbar-shadow-color:水色; scrollbar-3dlight-color:黒; scrollbar-darkshadow-color:ピンク; } --> </style> 上のように設定しています。 (色はわざとコードを使わないで名称で書いてます。) 他のページには全て反映できているのですが、 そのイラストを表示させるページの スクロールバーは何も変化がありません。 画像をアップするのにFFFTPを使っていて、 FFFTPから右クリックで 「URLをクリップボードへコピー」で 画像のURLのところに貼り付けています。 なので、そのページのタグは画像のみで スクロールバーの設定をしていないからだろうと思うのですが、 よくわからくて、困っています。 うまく説明ができませんが、 アドバイス等ありましたら、お願いします...! 説明不足の質問などでもどうぞ... よろしくお願いします。

  • 画像クリックでスクロールバーの色を変える方法

    カテゴリー的にここかなと思うので質問させていただきます。 よく画像の素材サイトで 「サンプル画像をクリックすると、背景がその画像に変わる」 というものを見かけますが、 あれと同じ事をCSSのスクロールバーのカラー指定に対してやってみたいのです。 つまり、スクロールバーのサンプル画像をクリックすると、そのページ自体のスクロールバーが変わっていくというもの。 スクロールバーの色がIEでしか変わらない事は存じております。 私はHTMLとCSSの理解は深い方ですが、JavaScriptはほとんどわかりません。 よろしくお願いします。

  • スクロールバーの色を変更

    サイトのTOPでスクロールバーの色の変更をして、それは出来たのですが… TOPに更新履歴を表示するテキストエリアボックスのスクロールバーまで色が変わってしまいます。 ここに関しては通常の青いスクロールバーにしたいのですが、どうすればいいのか分かりません…。 スクロールバーの色の変更は<HEAD>内にこれを使いました。 <style type="text/css"> <!-- body { scrollbar-arrow-color:#000; scrollbar-face-color:#90eeaa; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#000; scrollbar-track-color:#fff; scrollbar-shadow-color:#000; scrollbar-darkshadow-color:#fff; } --> </style>

  • スクロールバーの表示が消える

    EXCEL2003で縦スクロールバーだけが消えます。 上下の矢印は消えないのですが バーは消え、その移動範囲(上下矢印の間)は色が無くなる。(背面(壁紙)が透けて見える) 何が原因か教えて下さい。

  • スクロールバーをカスタマイズするには?

    JavaScriptでスクロールバーをカスタマイズすることが出来たかと 思うのですが、どうしてもサンプルが見つかりません。 (cssで色を変えるなどではなく、スクロールバー自体を画像でデザイン し、スクロールバーの働きをさせたいと思っています。) 参考サイトやアドバイスをいただければ幸いです。 どうぞよろしくお願いいたします。

  • スクロールバー

    スクロールバーの灰色を違う色にするにはどうすれば? 横のスクロールバーをなくすには? お気に入りのボタンの灰色を違う色にするには? 教えてください。お願いします。

  • スクロールバーの色指定が・・・

    久しぶりにホームページの模様替えをしたら、スクロールバーの色指定がHTMLでないときかなくなっていました。 前はBODYでよかったような気がするのですが。 HTML文書で、フレームなしです。 ブラウザはIE6.0です。 自分がなにか余計なものいじくって設定が変わったせいでしょうか・・・?

    • ベストアンサー
    • HTML
  • TEXTAREAのスクロールバーの色は変えない方法

    次のようにすると、TEXTAREAのスクロールバーも色が変わってしまいます。 ブラウザのスクロールバーのみ変えて、TEXTAREAのスクロールバーの色は変えない、できるだけ洗練されたエクセレントな方法を教えて下さい! body { scrollbar-highlight-color:#ffffff; scrollbar-arrow-color:#ffffff; scrollbar-3dlight-color:#0066ff; scrollbar-base-color:#0066ff; scrollbar-face-color:#0066ff; scrollbar-shadow-color:#0066ff; scrollbar-darkshadow-color:#299095; }

    • ベストアンサー
    • CSS
  • スクロールバーを消したいです

    ファイヤーフォックス1.0・ネットスケープ7.1では正常に見られるのですが、IE6.0・オペラ8.0ではスクロールバーが出てしまいます。状況としては・・・ ・iframe内で画像を直接指定して、フレーム丁度の大きさの画像を出している ・iframeに上下、左右のスクロールバーが出てしまってお互いの分だけ(厳密には違うのかも知れませんが)のスクロールが生じる 何が原因か分かる方は、対処法を教えていただきたいです。 強制的に消す方法以外でお願いします。 もう一つ、四つのブラウザのうちオペラだけの話なのですが・・・スクロールが出てしまう箇所があります。原因は【float】を使って【div】を横に並べてることだと思います。 ・ページ全体をスクロールさせるのではなく、【div1】の中でスクロールさせている。 ・【div1】の中に【float】を使って【div21】【div22】を横に並べている。 すると、何故かページ自体に空白のスクロールが出てしまうのです。【div1】の中に並べる数があればあるほど長くなります。消すとページのスクロールも消えるので【float】が原因なのは分かるのですが・・・これはどうにもならない問題ですか?これも「見た目に強制的に消す」以外の方法があれば知りたいです。

専門家に質問してみよう