人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

現在次のようなIFフレームを使っていますが、このスクロールバーの色を変更するには、どうすればいいのでしょうか?
<IFRAME src=”http://www.withmama.info/AD/CGI/TOP-KOHSHIN/w_s3ifix.cgi” align=”middle” width=”100%” height=”100%” scrolling=”yes” frameborder=”0” marginwidth=”0” marginheight=”0”></IFRAME>

●質問者: ozaki
●カテゴリ:ウェブ制作
✍キーワード:スクロール フレーム 現在
○ 状態 :終了
└ 回答数 : 5/5件

▽最新の回答へ

1 ● fed
●18ポイント

http://tohoho.wakusei.ne.jp/css/reference.htm#scrollbar-base-col...

そのファイルは現在ありません

http://www.withmama.info/AD/CGI/TOP-KOHSHIN/w_s3ifix.cgi

にスタイルシートを設定します。

◎質問者からの返答

質問したタグ?の中に何かの指定をする方法はありませんか?


2 ● aki73ix
●18ポイント

http://homepage2.nifty.com/sakura_k/index_j.htm

IE 5.5 スクロールバー色設定

IE5.5以降なら

タグパラメータに

style=”scrollbar-shadow-color: #808000;

scrollbar-darkshadow-color: #808000;

scrollbar-highlight-color: #808000;

scrollbar-3dlight-color: #808000;

scrollbar-arrow-color: #808000;

scrollbar-base-color: #ff0000;”

などを追加することによって色を変更できるのではないでしょうか

IE5.01未満や他のブラウザだと無理みたいですね

うちはIE5.01なのでちょっと確認できないのですが

http://css.eweb-design.com/0705_sc.html

スクロールバーの色を変更する - スタイルシート

◎質問者からの返答

あくまで、I(アイ)フレームの中だけの指定の方法です。


3 ● くいっぱ
●18ポイント

http://www2s.biglobe.ne.jp/~tosinari/

STRANGE SPACE (奇妙空間)

呼び込まれる側のページのスタイルシートのタグに上の回答でかかれているようなスタイルシートを記述してあげるひつようがあります。

スクロールバーは子供の画面の属性ですので、親画面から設定するより、子画面で設定したほうが正しくうごきます。

参考までにですが、このページの中央にある掲示板はアイフレームで呼び込んだものです。


4 ● Rousseau
●18ポイント

http://www.tagindex.com/html_tag/frame/

HTMLタグ/フレームタグ - TAG index

このサイトに詳しいことは書いてあります。


5 ● HYMNE
●18ポイント

http://www.withmama.info/AD/CGI/TOP-KOHSHIN/w_s3ifix.cgi

で、使用しているCGIを改造してください。

具体的にはw_s3ifix.cgiの

126行目あたり

#// お知らせ表示

print << ”END_OF_HTML”;

<HTML>

<HEAD>

<STYLE type=text/css>

A:link {TEXT-DECORATION: none}

A:visited {TEXT-DECORATION: none}

A:active {TEXT-DECORATION: none}

A:hover {BACKGROUND-COLOR: ; COLOR: #00ff00; TEXT-DECORATION: none}

</STYLE>

</HEAD>

を、

#// お知らせ表示

print << ”END_OF_HTML”;

<HTML>

<HEAD>

<STYLE type=text/css>

body{

scrollbar-face-color:#ffffff;

scrollbar-highlight-color: #ffb9b9;

scrollbar-shadow-color: #ffb9b9;

scrollbar-3dlight-color: #ffffff;

scrollbar-arrow-color: #ffb9b9;

scrollbar-track-color: #ffffff;

scrollbar-darkshadow-color: #ffffff;}

A:link {TEXT-DECORATION: none}

A:visited {TEXT-DECORATION: none}

A:active {TEXT-DECORATION: none}

A:hover {BACKGROUND-COLOR: ; COLOR: #00ff00; TEXT-DECORATION: none}

</STYLE>

</HEAD>

に書き換えて、再度アップロードし直してください。

◎質問者からの返答

どうもありがとうございました。結局インラインフレームの設定ではなく、呼び出されるCGIファイルのhtml部分を変更しなければならなかったのですね

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ