プロが教えるわが家の防犯対策術！

スクロールバーの色を変更したい

解決済

  • 質問者：ag102210
  • 質問日時：
  • 回答数：5件

最近，ホームページ作りに挑戦してみようと思い，始めました．

以下のようなフレームで，スクロールバーの色を変更したいのですが，何処をどのようにすればいいのでしょうか？よろしくお願いします．

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>HP　Top</title>
</head>

<frameset rows="10%, *">
<frame src="HP head.html" name="HP head"scrolling="no" frameborder="0">
<frame src="HP main.html" name="HP main"frameborder="0">

<noframes>
</noframes>
</frameset>
</html>

通報する

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

質問の本文を隠す

A 回答 (5件)

No.5ベストアンサー

  • 回答者： MAN_MA_RUI
  • 回答日時：

えーっと、DOCTYPE宣言でURLを書いた場合は標準モードとして認識され、各ブラウザなどの独自拡張は利用できません。


URLを省略した場合は互換モードとして扱われるため各ブラウザの独自拡張が利用可能になります。
提示されたソースではURL部分を書いているため標準モード…^^;

またDOCTYPE宣言でページをHTML4.01 Strictにした場合もスクロールバーの配色を変更する独自拡張は利用できなくなります。
なんでかって言われてもそうなってるとしか言いようがない状態。

尚、スクロールバーの色を変更するCSSはInternet Explorerの独自拡張です。
独自拡張としてWindows版IE5.5以降が、IE互換仕様でOpera7.0以降がそれぞれ対応しているのみです。
それ以外の環境では一切効果がなく、一部の環境では不明なCSSのプロパティとしてエラーを返す場合もあります^^;
    • good
    • 0
    • 件
通報する

No.4

DOCTYPEの宣言をするとスクロールバーの色関係は無視されたような気がしますがどうでしょうか。

    • good
    • 0
    • 件
通報する

No.3

  • 回答者： quads
  • 回答日時：

スクロールバーの配色指定については、


IEが独自拡張としてサポートしている scrollbar 関連プロパティを用いることで、
サポートしているバージョンのIEに限り可能です。

ただし、スタイルシートを適用させるHTMLはフレームではなく各ページです。


## URIに空白が含まれています。
--> http://openlab.ring.gr.jp/k16/htmllint/explain.h …
    • good
    • 0
    • 件
通報する

No.2

  • 回答者： akikusa
  • 回答日時：

私の場合ですが、<HEAD>～</HEAD>内に以下のタグを入れて全て共通のスクロールにしてます。


<title>HP　Top</title>の後に
<STYLE type="text/css">
<!--
BODY{
scrollbar-face-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #FF3366;
scrollbar-3dlight-color: #FF3366;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-darkshadow-color: #FF3366;

</STYLE>

ちなみに
fase-coloｒ 基本になる色
track-coloｒ 背景の色
arrow-color ▲▼の色
3dlight-color 上と左の線の色
highlight-coloｒ 上と左の内側のふちの色
shadow-color 右と下の内側のふちの線の色
darkshadow-color 右と下の線の色

以下のサイトが、スタイルシートについてわかりやすく解説されていますので宜しければ…。

参考URL：http://tgtag.chu.jp/
    • good
    • 0
    • 件
通報する

No.1

  • 回答者： kappa-pa
  • 回答日時：

スクロールバーの色をかえるのはCSS、スタイルシートで設定します。


<HEAD>～</HEAD>に

<STYLE type=text/css>
BODY {
SCROLLBAR-FACE-COLOR: *****;　
SCROLLBAR-HIGHLIGHT-COLOR: *****;
SCROLLBAR-SHADOW-COLOR: *****;
SCROLLBAR-3DLIGHT-COLOR: *****;
SCROLLBAR-ARROW-COLOR: *****;
SCROLLBAR-TRACK-COLOR: *****;
SCROLLBAR-DARKSHADOW-COLOR: *****;
}
</STYLE>
　
上の*****の部分に色を指定。色は#000000といったコードで記述する方法と、pinkやblackと言った英語表記で記述する方法の2種類ありますが、どちらもＯＫ。
　
ちなみに上の文が指定している色
SCROLLBAR-FACE-COLOR　→　スクロールするバーの表面の色
SCROLLBAR-HIGHLIGHT-COLOR　→　バーの上と左の明るい部分の色
SCROLLBAR-SHADOW-COLOR　→　バーの右と下の影になる部分の色
SCROLLBAR-3DLIGHT-COLOR　→　バーの周りを囲む色
SCROLLBAR-ARROW-COLOR　→　上下にある▲の色
SCROLLBAR-TRACK-COLOR　→　トラックの色
SCROLLBAR-DARKSHADOW-COLOR　→　深い影部分の色

実際に色を確認しながらスクロールバーを自動生成してくれます。
http://html-time.com/tool/scrollbar_color_change …
http://homepage2.nifty.com/sakura_k/index_j.htm

ちなみにInternet Explorer5.5以上のブラウザでないと色付きのスクロールバーは表示されないので、その辺は注意が必要です。
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報