このFAQは、サポート対象外の操作を含む、上級者向けの内容です。お客様の責任のもと、ご利用ください。
スタイルシート マネージャを活用すると、スクロールバーの枠やバーの色を個別に指定することができます。
※〔かんたん〕 の場合、スタイルシート マネージャは表示されません。編集スタイルを 〔スタンダード〕 または、〔エディターズ〕 に変更してから操作を行ってください。
※以下の画面はホームページ・ビルダー16のものですが、他のホームページ・ビルダーでも、ほぼ同様の操作で行うことができます。
▼注意
- ここでは、<HTML>タグと<BODY>タグに対してスタイルを設定する方法を説明していますが、閲覧するブラウザーによっては、<BODY>タグの設定のみで有効になる場合があります。
- スクロールバーの色指定に対応していないブラウザーでは、設定が認識されません。
■操作
- スクロールバーの色を変更したいページを開きます。
- メニューバーから「表示」→「スタイルシート マネージャ」を選択します。
スタイルシート マネージャが表示されます。
- [追加]ボタンをクリックします。
[スタイルの設定]ダイアログボックスが表示されます。
- [HTML タグのスタイルを設定]になっていることを確認し、[HTML タグ名]に「HTML」と入力します。
- [IE拡張]タブを選択し、[スクロールバー]で色を設定します。
- ベースの色
スクロール バーの基本となる色を指定することができます。他の項目を設定すると、それらが優先されます。
- 表面の色
スクロール バー表面とバーのない部分の色を指定することができます。
- 背景の色
スクロール バーのない部分の色を指定することができます。
- 矢印の色
スクロール バーの矢印マーク部分(▲)の色を指定することができます。
- 外枠(左上)の色
スクロール バーの外枠の左と左上の色を指定することができます。
- 内枠(左上)の色
スクロール バーの内枠の左と左上の色を指定することができます。
- 内枠(右下)の色
スクロール バーの内枠の右と右下の色を指定することができます。
- 外枠(右下)の色
スクロール バーの外枠の右と右下の色を指定することができます。
- ベースの色
- [OK]をクリックします。
スタイルシート マネージャに戻り、[ルール情報]欄に「HTML」が追加されます。
- [追加]ボタンをクリックします。
[スタイルの設定]ダイアログボックスが表示されます。
- [HTML タグのスタイルを設定]になっていることを確認し、[HTML タグの候補]の▼をクリックし、[ページのプロパティ BODY]をクリックします。
[HTML タグ名]が「BODY」になります。
- [IE拡張]タブを選択し、[スクロールバー]で、操作5.と同じ設定をします。
- [OK]をクリックします。
スタイルシート マネージャに戻り、[ルール情報]欄に「BODY」が追加されます。
- スタイルシート マネージャを[閉じる]*1ボタンで閉じます。
*1お使いのバージョンによっては、[OK]です。
- [プレビュー]画面に切り替えてスクロールバーの色を確認します。