電子書籍の厳選無料作品が豊富!

ビルダー9を使っています。
トップのページのスクロールバーの色を変更したいのですが、ダグに関してあまり良くわかっておらず
どこの部分にどのように書き込んでいいのかわからず困っています。
今のままでは全体のバランスが悪く早急にかえたいのです。
出来るだけ細かく教えていただけたら幸いです。

またインラインフレームのスクロールバーの変更も同時に出来るのでしょうか?

A 回答 (8件)

編集中のファイルを開き


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は作成しています。
お手数かけますがよろしく御指導ください。

補足日時:2005/11/04 18:10
    • good
    • 0

ふと思い出したので追記します。


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だからです。

上記の内容でもし、わからないことやわかりにくいことがございましたら、補足等でご質問ください。
    • good
    • 0

しばらく見てませんでした。


すみません。
サイト管理者よりお礼の修正をしましたというメッセージで気づきました。

えっと・・・

基本から行って見ます。
まず、ファイル>フレーム設定ページの新規作成
を選ぶと2分割 横-1
というのがありますのでコレを手本に使ってみます。
この分割方法を選び、次へ>完了を押してください。
すると縦に二つ分かれたフレーム設定ページが開くと思います。

HTMLソースタグをひらき左のエリアの
<TITLE></TITLE>
</HEAD>
<BODY></BODY>
</HTML>
となっている
<TITLE></TITLE>の最後尾でエンターを押し改行します
<TITLE></TITLE>
(空白行)
</HEAD>
<BODY></BODY>
</HTML>

(空白行)のところに
私が当初貼り付けたテキストを丸のまま貼り付けてみてください。

次に、スクロールバーがそれぞれ出るようにページ編集タグのエリアで改行をだ~~~~~と入れておきます。(両フレーム)

貼り付け終わったら、プレビュータグを選択し
表示の確認を行ってください。

これで左のエリアには赤のスクロールバーが表示されるはずです。

コレが一応要点をまとめた内容となります。
すでに編集済みのページがあると思いますので
それに今回と同じような作業をしてやることで
スクロールバーの表示を変える事が出来ると思います。

長くなってすみません。
    • good
    • 0

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」というファイル名で保存して教えてもらったようにリンクすればいいのでしょうか?

補足日時:2005/11/07 19:58
    • good
    • 0

フレーム表示は1画面に2つ以上の表示をさせてると思いますが、


それぞれ表示している対象のファイルで設定をされていますでしょうか?
もしかしたらそれが原因かもしれませんね(自信なし)

ためしにフレームなしの通常ページで一度試してみてください。
    • good
    • 0
この回答へのお礼

いろいろありがとうございます。
それぞれ表示している対象のファイルで設定するとのことですが、、。
いまひとつ解らなくて、、。すみません。
とにもかくにも
まだ解決はしてはいませんが
自分でもイロイロ調べてみて解決してみたいと思います。
取っ掛かりはわかったのですから!!
もしもまたどうしてもわからなかった場合はまたアドバイスしていただければ助かります。

お礼日時:2005/11/05 22:11

NO.3です


>IE5以上?云々という言葉が引っかかるのですが

インターネットエクスポーラがVer5.5以上でないと表示できません。

もしそれ以下だだったらアップロードしてください。

http://update.microsoft.com/microsoftupdate/v6/m …
    • good
    • 0

■次の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
ここはたくさんヒントがありそうですね!!
もっと勉強してみます。

補足日時:2005/11/04 21:39
    • good
    • 0

ビルダーの内部ブラウザを使用していると、たぶん表示されません。

きちんと、ブラウザから見れば変わっていると思います。

この回答への補足

ありがとうございました、、。
しかし、、。
ダメみたいです、、。
何がいけないのかサッパリ!!
未熟者ですみません。
次のようにしみたのですが変化がありません。

<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;">

補足日時:2005/11/04 19:59
    • good
    • 0

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