インラインフレーム内のスクロールバーのデザイン変更

[新着] Webテンプレートを仮オープンしました

0   名前： mona ： 2004/05/19 23:41
すみません。さきほどの問題にひきつづき、インラインフレームをボーダー表示なしにし、
さらに横にでてくるスクロールバーの色を変更したいのですが、どなたか方法をご存知でしょうか。
ネット上で、インラインフレームではなくてスクロールバーを矢印だけに変える。というい
方法はみつけました。これをインラインフレーム内のスクロールバーに設定することは
できるでしょうか。。

いか、スクリプトと、見つけた先のアドレスを添付します。
皆様のお知恵をお借りできればと思います。
以下のスクリプトをヘッダー内にいれると、通常ページのバーが変更できるとのこと。
<STYLE TYPE="text/css">
<!--
body{scrollbar-arrow-color:矢印の色;
　　 scrollbar-face-color:white;
　　 scrollbar-highlight-color:white;
　　 scrollbar-3dlight-color:white;
　　 scrollbar-track-color:white;
　　 scrollbar-shadow-color:white;
　　 scrollbar-darkshadow-color:white;}
-->
</STYLE>


http://capsule.chips.jp/scr_2.htmlからお借りしています。
1   名前： Milky Way6 ： 2004/05/20 09:28   ［URL］
インラインフレームをボーダー表示なしにする方法はこちらのサイトでも紹介されてますよ。
http://www.tagindex.com/html_tag/frame/i_frameborder.html

インラインフレームのスクロールバーの色を変えるには、インラインフレームに
呼び出すHTMLのスクロールバーを変えてしまえばいいんです。
インラインフレームに呼び出すのがa.htmlだとして、a.htmlに

<html>
<head>
<STYLE TYPE="text/css">
<!--
body{scrollbar-arrow-color:矢印の色;
　　 scrollbar-face-color:white;
　　 scrollbar-highlight-color:white;
　　 scrollbar-3dlight-color:white;
　　 scrollbar-track-color:white;
　　 scrollbar-shadow-color:white;
　　 scrollbar-darkshadow-color:white;}
-->
</STYLE>
</head>

<body>
内容　内容　内容
</body>

</html>

って感じでやればいいってわけですね。ご参考になりましたか？
一覧へ戻る