• ベストアンサー

スクロールバー

最近、スクロールバーの色が変わっているページをよく見ます。 ピンクだったり青だったり… これはどういう風にしてやっているのですか? ちょっと気になったもので…

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

質問者が選んだベストアンサー

  • ベストアンサー
  • snowdust
  • ベストアンサー率66% (4/6)
回答No.4

対応していないブラウザでも特に問題は起きません。 普通のスクロールバーになるだけです。 >sphereさんへ 全ての人に見えないから、使うべきではない・・・ というわけではないと思います。 ましてや、商品として提供するわけではない個人のウェブなのですから、 自分のポリシーどおりに運営して良いと思います。 レイアウトやデザインはこれからはHTMLよりも、 スタイルシートを多用することが勧められています。 なので、これからだんだんと対応するブラウザも増え、 利用する人も新しいバージョンのブラウザを使うようになるでしょう。 そうすれば、何の問題もなく大半の人がみれるようになります。 そういう意味では、スタイルシートは どんどん学んで取り入れるべきだと思います。 ただ、ウェブを制作する際には、 必ずしも作り手の意図した通りの表示にはならないことや、 同じタグやコードを使っても、ユーザーの環境によって、 まちまちな表示がなされるということや、 古いバージョンを愛用しつづけるユーザーが必ずいる ということなどを念頭に置いたうえで、 どこまで許容して、どこからを排除するかを 決めればよいのではないでしょうか。

maple_tree
質問者

お礼

御礼が遅くなりまして申し訳ありません 回答ありがとうございました。 さっそくスタイルシートをいろいろ試してみたいと思います。

その他の回答 (3)

  • sphere
  • ベストアンサー率0% (0/4)
回答No.3

snowdustさんの仰る通りでした。 配慮が足りませんでしたね・・・。 失礼致しました。

  • snowdust
  • ベストアンサー率66% (4/6)
回答No.2

ただ、これはネットスケープや古いバージョンのIEでは表示されませので、 その辺を考慮に入れた上で使われたほうが良いと思います。

maple_tree
質問者

補足

ありがとうございます。 ではこのスタイルシートを使った場合、古いブラウザの場合 表示がなにかおかしくなってしまったりするのでしょうか? それとも、普通のスクロールバーのまま表示されるのですか?

  • sphere
  • ベストアンサー率0% (0/4)
回答No.1

これは、スタイルシートを使っています。 HTMLファイルの<HEAD>部分に、 <STYLE type="text/css"> <!- BODY { scrollbar-track-color:#ffffff; scrollbar-face-color:#cccccc; scrollbar-shadow-color:#ddeeee; scrollbar-darkshadow-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#cccccc; scrollbar-arrow-color:#cccccc; } --> </STYLE> を入れると色が変わります。 詳細については、以下のページの [スタイルシート]-[リファレンス]-[その他] の項に載っています。 「とほほのWWW入門」は、私のバイブルです^^

参考URL:
http://tohoho.wakusei.ne.jp/www.htm
maple_tree
質問者

お礼

回答ありがとうございます。 スタイルシートはまだ勉強し始めたばっかなのでこんなことができるなんて 知りませんでした。 ありがとうございました。

関連するQ&A

  • スクロールバーがおかしいのですが・・。

    ホームページビルダー17を使っています。古くてスミマセン。今朝までうまくいっていたのですが。 質問ですが、私のHPで右端のスクロールバー(背景と同色の色をつけています)が色は出ないし、上下しません。 3つのフレームページを使っていますが、2つの頁ではフレームページの属性でスクロールバーの設定をナシにしていますが、右端の頁ではスクロールバーの設定を自動にしています。ビルダーのプレビユーでは作成したままを表現してくれるのですが、パソコン上の私のHPの縦に長い頁では動きません。ただ、ホイールボタンを使用すると上手くスクロールしてくれるのですが・・・。他のPCではどうなのでしょうか。互換表示もやってます。URLはhttp://mustang.c-mash.co.jpです。もしくは「きもの風土記」で検索できます。 私のHPを開くと右にグレーのスクロールバーがあります。ページをせばめると、当然のことながら下にスクロールバーが出ます。下のスクロールバーでページを広げると、私の本来のHPのスクロールバーが出てきます。言うならば、スクロールバーの中に私のHPがある形になっています。右のスクロールバーが二つあるという形です。もちろん私のHPだけで、ヤフーとか他のHPは正常に見られます。 どなたかよろしくお願いします。 ※OKWAVEより補足:「富士通FMV」についての質問です。

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

    お世話にになります。Mac OSX(10.1.5)でNetscape7を使っています。最近気づいたのですが、Netscape7のブラウザのウインドウの右端にある、画面をスクロールする際のバーが変です。OSXでは青色のバーではないかと思うのですが、OS9の場合と同じ、灰色っぽいバーになっています。前は青かったように思いますが...。ホームページを見たりするには何の支障も無いのですが、気になります。どうしてでしょうか。どうやったら直るでしょうか?教えてください。ちなみに、Internet ExplorerとMozillaも入れていますが、こちらはバーの色はちゃんと青です。また、同じコンピュータにあるOS9.2.2の方にもNetscape7をインストールしています(ほとんど使ってませんが)が、この影響もあるでしょうか?よろしくお願いいたします。

    • ベストアンサー
    • Mac
  • スクロールバー

    ウインドウズXP ワード2002試用です。 ワードで文書を作成中、途中で垂直スクロールバーのページ送りをする上下向き2個連続△印が黒色から青色に変わり、ページ送りができなくなります。どなたさまか原因をお知りでしょうか? 書式のスタイルと書式(s)を使用しているときにこの現象がよくおこります。 よろしくお願いします。

  • スクロールバーが動かない

    ワード2003のスクロールバーが動かなくなってしまいました。キーボードでの↑や↓、スクロールバー下の前のページ後ろのページボタンは動きます。どうしたらスクロールバーが動くようになるでしょうか?

  • スクロールバー

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

  • スクロールバー

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

  • スクロールバーを画像に

    スクロールバーを画像にしたいです。 今までの過去ログを見ても、ページが存在していないため、できません。 http://sk3d.jp/index_1.html ↑みたいな風にスクロールバーを画像にしたいのです。 一応、部品とかは作成したのですが・・・。 詳しい説明方法が載っているページとかでも良いので、教えてくれると幸いです^^

  • スクロールバーが消えた

    IEを使用しています。スクロールバーが表示されず、スクロールができません。もちろん、↓でもスクロールができません。インターネットのページの下のほうが見えないのですが、どうしたらいいでしょうか。以前はスクロールもでき、インターネットのページも見えていました。

  • スクロールバーが出ない!

    IEでとあるホームページを閲覧している時、別ウインドウで出る小窓にスクロールバーが出ないので、ページの下まで見れないのです。 他のページではちゃんとスクロールバーは出ます。 そして他のWindows、macでもちゃんとその小窓もスクロールバーがついて出ます。 このパソコン(win)でだけダメなのです。しかも今までは普通にスクロールバーが出ていたと思うのです。 ウイルスでしょうか?パソコンの中の何かの設定が変わってしまったのでしょうか? ショップの注文フォームなので早めに回答ほしいです。 お願いします。

  • スクロールバーが出ない

    ホームページビルダー7を利用してます フレームで縦二つに分割しているページがあります 右のページはスクロールバーが出るのですが 左にはでません フレームの属性で、スクロールバーがなしになってたので 自動にしたのですが直りません 転送が出来てないのでしょうか? フレームの属性を変えたときのあとは転送はそのページを転送するのではなくほかの方法がありますか? ちなみに、プレビュー画面ではちゃんとスクロールバーは出てます つたない説明ですが、どうぞよろしくお願いします