No.1ベストアンサー
- 回答日時:
編集中のファイルを開き
HTMLソースの画面を開いてください
<HEAD>~</HEAD>
~の間に
<STYLE TYPE="text/css">
<!--
body {
scrollbar-3dlight-color:#ff0080;
scrollbar-arrow-color:#ffffff;
scrollbar-base-color:#ff0080;
scrollbar-darkshadow-color:#ff0080;
scrollbar-face-color:#ff0080;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff
}
-->
</style>
を入れてみてください。
お好みの色に調整は各行の#の後の数値を変えてみてください
カラーコードは別途調べていただけると助かります。
この回答への補足
さっそくコピーして貼り付けてみたのですがプレビューしても変わっていないのですが、、。すみません。
カラーコードを変更しても変化がありません。
<HEAD>~</HEAD>
~の間に貼り付けたのですが他の箇所も修正しなければいけないのでしょうか?
ちなみに中級者レベルでHPは作成しています。
お手数かけますがよろしく御指導ください。
No.8
- 回答日時:
ふと思い出したので追記します。
Internet Explorer 6.0のSP1以上をインストールしている場合、スクロールバーの色の指定をbodyではなくhtmlにしてやらないと反映されなかったように思います。
確か自サイトの更新&デザインリニューアル作業をしていてIEで確認したところ、そうだったので、それ以降は「body, html {(省略)}」で指定しています。
外部CSSを作成する場合にはメモ帳またはテキストエディタで以下のように書いて「scrollbar.css」という名前で保存してください。
------------------------------
@charset "Shift_JIS";
/* スクロールバー */
html, body {
scrollbar-arrow-color:#808080;
scrollbar-face-color: #f2f4f4;
scrollbar-base-color:#f2f4f4;
scrollbar-darkshadow-color:#f2f4f4;
scrollbar-shadow-color:#808080;
scrollbar-highlight-color:#808080;
scrollbar-track-color: #f2f4f4;
}
------------------------------
上記の拡張子はtxtではなくcssにしてください。
「名前を付けて保存」する際は、「ファイルの種類」を「すべてのファイル」として保存しないと、「scrollbar.css.txt」などというファイル名で保存されてしまいます。
メモ帳は「スタート」→「プログラム」→「アクセサリ」→「メモ帳」で起動できます。
その上で全てのページに「<link rel="stylesheet" href="scrollbar.css" type="text/css">」と記述すれば、全てのページにスクロールバーの色を指定できます。
各フレームやインラインフレームの中のHTMLにCSSを適用しないと、色の変更ができません。
なぜなら、スクロールバーが表示されるのは、各フレームやインラインフレームの中のHTMLだからです。
上記の内容でもし、わからないことやわかりにくいことがございましたら、補足等でご質問ください。
No.7
- 回答日時:
しばらく見てませんでした。
すみません。
サイト管理者よりお礼の修正をしましたというメッセージで気づきました。
えっと・・・
基本から行って見ます。
まず、ファイル>フレーム設定ページの新規作成
を選ぶと2分割 横-1
というのがありますのでコレを手本に使ってみます。
この分割方法を選び、次へ>完了を押してください。
すると縦に二つ分かれたフレーム設定ページが開くと思います。
HTMLソースタグをひらき左のエリアの
<TITLE></TITLE>
</HEAD>
<BODY></BODY>
</HTML>
となっている
<TITLE></TITLE>の最後尾でエンターを押し改行します
<TITLE></TITLE>
(空白行)
</HEAD>
<BODY></BODY>
</HTML>
(空白行)のところに
私が当初貼り付けたテキストを丸のまま貼り付けてみてください。
次に、スクロールバーがそれぞれ出るようにページ編集タグのエリアで改行をだ~~~~~と入れておきます。(両フレーム)
貼り付け終わったら、プレビュータグを選択し
表示の確認を行ってください。
これで左のエリアには赤のスクロールバーが表示されるはずです。
コレが一応要点をまとめた内容となります。
すでに編集済みのページがあると思いますので
それに今回と同じような作業をしてやることで
スクロールバーの表示を変える事が出来ると思います。
長くなってすみません。
No.6
- 回答日時:
5番の方もご指摘されていますが、
「fure-mutopu.html」「newpage1.html」などのHEAD部分に記述を追加してください。
それが面倒な場合は、「body {」から「}」までの記述を「scrollbar.css」というファイル名で保存して、全てのページに「<link rel="stylesheet" href="scrollbar.css" type="text/css">」に記述してください。
インラインフレームがある場合は、インラインフレームの中に表示するHTMLファイルにも記述してください。
この回答への補足
フレーム使用のページもHTMLの部分に同じものを貼り付ければよいのでしょうか?
<STYLE type="text/css">
<!--
body {
scrollbar-3dlight-color:#ff0080;
scrollbar-arrow-color:#ffffff;
scrollbar-base-color:#ff0080;
scrollbar-darkshadow-color:#ff0080;
scrollbar-face-color:#ff0080;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff
}
-->
これを貼り付けるのが面倒な場合
上のダグを「scrollbar.css」というファイル名で保存して教えてもらったようにリンクすればいいのでしょうか?
No.5
- 回答日時:
フレーム表示は1画面に2つ以上の表示をさせてると思いますが、
それぞれ表示している対象のファイルで設定をされていますでしょうか?
もしかしたらそれが原因かもしれませんね(自信なし)
ためしにフレームなしの通常ページで一度試してみてください。
いろいろありがとうございます。
それぞれ表示している対象のファイルで設定するとのことですが、、。
いまひとつ解らなくて、、。すみません。
とにもかくにも
まだ解決はしてはいませんが
自分でもイロイロ調べてみて解決してみたいと思います。
取っ掛かりはわかったのですから!!
もしもまたどうしてもわからなかった場合はまたアドバイスしていただければ助かります。
No.4
- 回答日時:
NO.3です
>IE5以上?云々という言葉が引っかかるのですが
インターネットエクスポーラがVer5.5以上でないと表示できません。
もしそれ以下だだったらアップロードしてください。
http://update.microsoft.com/microsoftupdate/v6/m …
No.3
- 回答日時:
■次のURLで解決すると思います。
http://www.aimix.jp/scrbarcol.html
http://www.homepagebuilder.org/04expert/02.html
http://www.wsb.jp/hpb/kowaza/scrol.htm
http://www.mayukoubou.jp/v6/kowaza/kaisetu/2001/ …
■スクロールバーの色を変えるHTMLの記述を簡単につくれるソフトです。
http://hpb.cool.ne.jp/css_maker.htm
この回答への補足
いろいろ試したのですが変更できません。
IE5以上?云々という言葉が引っかかるのですが
なにぶんにもダグ関係はまだ理解できないもので
勉強不足を痛感しています。
http://www.wsb.jp/hpb/index.html
ここはたくさんヒントがありそうですね!!
もっと勉強してみます。
No.2
- 回答日時:
ビルダーの内部ブラウザを使用していると、たぶん表示されません。
きちんと、ブラウザから見れば変わっていると思います。この回答への補足
ありがとうございました、、。
しかし、、。
ダメみたいです、、。
何がいけないのかサッパリ!!
未熟者ですみません。
次のようにしみたのですが変化がありません。
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 9.0.0.0 for Windows">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE>タイトル</TITLE>
<STYLE TYPE="text/css">
<!--
body {
scrollbar-track-color: #FFFFC0;
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #FF0000;
scrollbar-darkshadow-color: #FF0000;
scrollbar-highlight-color: #0000FF;
scrollbar-3dlight-color: #0000FF;
scrollbar-arrow-color: #000000;
}
-->
</style>
</HEAD>
<FRAMESET rows="209,*,49" frameborder="NO" border="0">
<FRAME src="navi05.html" scrolling="NO" name="navi" marginheight="0" noresize>
<FRAMESET cols="100%">
<FRAMESET cols="18%,82%">
<FRAME src="top05.html" name="contents">
<FRAMESET cols="75%,25%">
<FRAME name="frame2" src="fure-mutopu.html">
<FRAME name="frame3" src="newpage1.html">
</FRAMESET>
</FRAMESET>
</FRAMESET>
<FRAME src="footer05.html" scrolling="NO" name="footer" marginheight="0">
<NOFRAMES>
<BODY bgcolor="#FFFFFF" text="#000000" link="#CC0033" vlink="#FF9900" alink="#009900" style="background-attachment : fixed;">
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- ソフトウェア パソコンの買い替え時、マイクロソフトでアカウントの変更(?)は? 2 2022/05/13 02:59
- Google Drive Google form を利用して 問い合わせフォームを作りたい 1 2022/04/25 14:15
- 小学校 小学校教員採用試験の参考書・問題集について 1 2023/05/15 00:25
- SoftBank(ソフトバンク) ソフトバンク及びワイモバイルの引き落としが、私のカードが海外で不法な引き落としに会い、カードを使用停 2 2022/09/21 22:01
- 会社・職場 これは私の自己中な考えだと思いますか? 1 2022/07/27 17:54
- 学校 高校生です。 1ヶ月前に部活の予定表にoffと書いていた日があって、その日に予定をいれていたとして、 1 2022/07/04 13:15
- その他(OS) windows10のダウンロード 3 2022/03/30 10:12
- PHP $_SESSIONに渡した後はそのまま使っても問題ありませんか? 3 2022/11/08 22:17
- 格安スマホ・SIMフリースマホ sim移行 4 2022/11/29 14:03
- Windows 10 Windows10 の設定?について (長文ですがよろしくお願いします)m(_ _)m 3 2022/05/14 12:22
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
smartyテンプレートの<style></...
-
カラープレーンってなんですか?
-
CSSでクラスのエイリアス(include)
-
訪問済のリンク色を変えない方法
-
<pre>~</pre>について
-
htmlの文字が縦書きになる
-
htmlのolやulなどlistにtitleや...
-
1時間30分を簡単に表したいで...
-
smallにtext-allignが効かない
-
【ヒトの神秘】美男美女から何...
-
NからZへの全単射を具体的に構...
-
HTML属性での「""」 「''」違い
-
<h1>、<h2>と<p><div>の行間を...
-
css li の改行について
-
2個のFormを横並びにしたい
-
含む含まないという概念自体の...
-
CSS、width100%でもできる余白
-
リストマーカーをボックス内に...
-
widthやheightの数値に単位(px...
-
書籍を見つつサイト造りの練習...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<form <input type="text"の枠...
-
訪問済のリンク色を変えない方法
-
HRタグ 枠線を透明にするには?
-
<pre>~</pre>について
-
CSSでクラスのエイリアス(include)
-
カラープレーンってなんですか?
-
ホームページビルダー 水平線に...
-
テキストボックスの文字の大き...
-
リンクのアンダーバーを消した...
-
リンク下のアンダーラインの消し方
-
横スクロールバーを表示したい
-
秀丸の正規表現を使って<FONT c...
-
\\0 sprintf( ) strcat( )
-
Pandas の groupby後の要素の参...
-
白い文字と黒い文字を出すため...
-
リンクの下線を消す
-
はじめて利用します。質問の上...
-
C# RichTextBoxで選択した文字...
-
bodyの背景と異なる背景色で、...
-
リンク部分にカーソルが来たら...
おすすめ情報