ホームページを製作する際に、スクロールバーを
自分の好みの色に変えることは可能でしょうか?

A 回答 (1件)

IE5.5専用ならCSSで可能ですよ


<STYLE TYPE="text/css">
<!--
BODY {
scrollbar-base-color : #FFFFFF;
scrollbar-face-color : #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color : #000000;
scrollbar-3dlight-color: #000000;
scrollbar-highlight-color : #FFFFFF;
scrollbar-shadow-color : #FFFFFF;
scrollbar-darkshadow-color : #000000;
}
-->
</STYLE>
見たいな感じで。

scrollbar-3dlight-color
スクロールボックスとスクロールアローの上端及び左端の色を指定します。
scrollbar-arrow-color
スクロールアローにある矢印の色を指定します。
scrollbar-base-color
スクロールバーの色を総合的に設定します。
scrollbar-darkshadow-color
スクロールボックスとスクロールアローの右端及び下端の色scrollbar-shadow-colorの外側にあらわれます。
scrollbar-face-color
スクロールボックスとスクロールアローの表面色を指定します。
scrollbar-track-color
スライドされる道筋の色を指定します。
scrollbar-highlight-color
スクロールボックスが上下あるいは左右にスライドされる道筋の色を指定します。
scrollbar-shadow-color
スクロールボックスとスクロールアローの右端及び下端の色、scrollbar-darkshadow-colorの内側にあらわれます。

色指定は別に16進数でなくwhiteとかでも大丈夫です
    • good
    • 0
この回答へのお礼

ka-ta-さん大変参考になりました。
ありがとうございました。

お礼日時:2001/08/21 09:59

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

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qホームページ上のリンク文字の色を変える方法

以前に同じ質問内容が掲載されておりましたので(http://oshiete1.goo.ne.jp/kotaeru.php3?q=169797)、ご回答の通り設定をしたのですが結果がうまくいきません。どなたか、原因を教えて下さい。前回質問者と同様ホームページビルダーV6.5を使用しております。

・・・・・・・・・・・・・・・・・・・・・・
【ページ編集】タグにリンクする文字を黒で入力しました。
リンク設定後【ページ編集】タグの色が黒から青にかわり【プレビュ】タグでは「紫」が表示されていました。

私の色の希望はリンク文字は黒、ポインタが触れると赤です。
ここで【HTMLソース】タグの</TITLE>の後に以下を貼り付けました。

<STYLE TYPE="text/css">
<!--
A:link { color: #000000;}
A:hover { color: red;}
-->
</STYLE>

その結果、【ページ編集】タグのリンク文字は黒だったのですが、肝心の【プレビュ】タグを見ると、リンク文字は「紫」ポイントすると「赤」です。

他の色で試してみたのですが【プレビュ】タグを見ると、リンク文字は「紫」を表示します。

長々な質問内で申し訳ございませんが、この原因をどなたか教えてください。
よろしくお願いします。

以前に同じ質問内容が掲載されておりましたので(http://oshiete1.goo.ne.jp/kotaeru.php3?q=169797)、ご回答の通り設定をしたのですが結果がうまくいきません。どなたか、原因を教えて下さい。前回質問者と同様ホームページビルダーV6.5を使用しております。

・・・・・・・・・・・・・・・・・・・・・・
【ページ編集】タグにリンクする文字を黒で入力しました。
リンク設定後【ページ編集】タグの色が黒から青にかわり【プレビュ】タグでは「紫」が表示されていました。

私の色の希望はリンク文字は...続きを読む

Aベストアンサー

既に回答が出ているのですが
HPBでは下記のように操作するとよいですよ。

[編集]-[属性の変更]から
属性画面の[背景/テキスト色]タブ内の
[色指定]で「リンク」「既読リンク」「選択リンク」の色を
それぞれ指定します。

HTMLは下記のようになります。
<BODY bgcolor="#ffffff" text="#660000" link="#0000ff" vlink="#000099" alink="#ff0000">

他の方の回答ではスタイルシートを使用しているため
ブラウザの設定によっては有効とならないことがあります。

「A:hover」もHPBで設定できます。
[表示]-[スタイルシートマネージャー]から
スタイルシートマネージャー画面内の[追加]ボタンをクリック、
スタイルの設定画面の[HTMLタグ候補]内から
「マウスが上にあるリンク A:HOVER」を選択後、
[カラーと背景]タブ内の[前景色]を指定して
後はOKで進みます。

A:linkなどもスタイルシートマネージャー指定することができます。
(BODYで設定すれば必要ありません)

既に回答が出ているのですが
HPBでは下記のように操作するとよいですよ。

[編集]-[属性の変更]から
属性画面の[背景/テキスト色]タブ内の
[色指定]で「リンク」「既読リンク」「選択リンク」の色を
それぞれ指定します。

HTMLは下記のようになります。
<BODY bgcolor="#ffffff" text="#660000" link="#0000ff" vlink="#000099" alink="#ff0000">

他の方の回答ではスタイルシートを使用しているため
ブラウザの設定によっては有効とならないことがあります。

「A:hover」もHPB...続きを読む

QホームページでENTERでページを変えたい

他の質問も拝見しましたが、理解できなかったので質問させて頂きます。YAHOO!でホームページを作ってるのですが、ENTERで他のページに行く事を、リンク先というのですか?素人なのでわかりません。リンク先のアドレスは自分で作るのですか?また、HTMLのような技術で製作しない、誰でも作れるテンプレートを用いた簡単製作で作ってます。

Aベストアンサー

#2さんが詳しく書かれていらっしゃいますので簡潔に書かせていただきます。

まずトップページを「index.html」で作成します。
次にそのページに何らかの説明(サイトの名前や内容を書いたもの等)を記入し
Enter(入り口)のタグ表記は下記のようにします。

<div align="center">
<a href="top.html">Enter</a>
</div>

これで「Enter」がセンタリング(ページの中央)に表記されるような状態になります。

top.htmlは自分で作る必要があります。(top.htmlは例ですのでお好きなファイル名に変更してください)
今まで作られていたページ名にされてもいいですよ。
但し、今まで作られていたページ名が「index.html」でしたらその名前を変更しないといけません。

Qホームページを見て、リンクして又ホームに戻った時にメニューバーが消えている。

ホームページを見て、その中からリンクして元のホームページのトップに戻った時に、メニューバーやツールバーが消えた状態になり、固まったままになってしまう。

×ボタンで閉じても閉じられない時もある。

Aベストアンサー

リソースリーク。

参考URL:http://support.microsoft.com/default.aspx?scid=kb;ja;234012

Qホームページ製作

ホームページを製作しています。

簡単な問題をページ上で表示して、訪問者が答えると正解なら正解のときの画像を、不正解なら答えと不正解のときの画像を表示したいのですが、どのようなタグを埋め込めばよいのでしょうか。

よろしくお願いします。

Aベストアンサー

数字(1.2.3.4・・)と回答ページを作り
質問の回答を選択形式にすれば回答者が次のページを選んでクリックすれば回答が間違いか正解かわかります。
これなら難しいJAVAもいりません。
ただ、質問数が多ければそれだけ回答数が多くなりますので作り手は大変かもしれないです。
ちなみに質問ごとにフォルダでわけてやれば管理が楽です。

Qスクロールバーの色

スクロールバーに色を付けたり、見えなく(透明に)してあったりするのをたまに見かけますが、
あれはどうすればできるのでしょうか?
ビルダー7を使っていますが分からなかったので質問させていただきました!
どうぞ宜しくお願いします☆

Aベストアンサー

ソースに参考URLをみて追記してください
http://intermix.cool.ne.jp/style/html/css_scroll.html

透明というのは「矢印のみ」を見てください
ただし、IEのみ有効です

http://homepage2.nifty.com/sakura_k/index_j.htm
の様なページもありますので利用してみてください

参考URL:http://intermix.cool.ne.jp/style/html/css_scroll.html


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

おすすめ情報