インラインフレームで作ったテキストBOXのスクロールバーに色を付ける方法
- HPビルダーのインラインフレームで作ったスタイルシートのテキストボックスのスクロールバーに色を付けるには、修正が必要です。
- 現在はスクロールバーに色が付いていませんが、適用するカスタムスタイルシートの修正を行うことで、スクロールバーに色が表示されるようになります。
- カスタムスタイルシートのscrollbar関連のプロパティを変更し、スクロールバーの色を指定してください。
- ベストアンサー
インラインフレームで作ったテキストBOXのスクロールバーに色を付けるには
HPビルダーのインラインフレームで作ったスタイルシートのテキストボックスのスクロールバーに色を付けたいのです。 border-color : lime lime lime lime; border-style:dotted; background-color:#ffffcc; ここまでは表示されてますが、プレビューしてもスクロールバーに色が付きません、修正場所を教えてください。 『<IFRAME src="koushinrireki.html" scrolling="AUTO" width="565" height="190" frameborder="0" style="border-color : lime lime lime lime; border-style:dotted; background-color:#ffffcc; scrollbar-3dlight-color:#ffff00; scrollbar-arrow-color:#cc0066; scrollbar-base-color:white; scrollbar-darkshadow-color:#ffcccc; scrollbar-face-color:white; scrollbar-highlight-color:#ffcccc; scrollbar-shadow-color:#ffcccc;" </IFRAME></IFRAME>』
- ホームページ作成ソフト
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
インラインフレームのスクロールバーに色を付けたいなら、 インラインフレーム内に読み込まれるHTMLファイル（koushinrireki.html）に、記述してみてください。 参考 http://www.tagindex.com/stylesheet/frame/scrollbar_color.html 使用例 「■インラインフレームを指定するページ」 「■インラインフレームに読み込まれるページ」 DOCTYPE宣言によっては、bodyではなくhtmlに対して設定しないと反映しません。 http://suzumi.boo.jp/adanami/200406/24_0009.php ※ビルダーでのデフォルト設定は、 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> なので、bodyに対しての設定で反映すると思いますが、念のため。 参考 「DOCTYPEを出力する について」 http://www-06.ibm.com/jp/domino01/swhc/esupport.nsf/all/hpb0060 ちなみに私はこのようにしています。 （設定はビルダーのスタイルシートマネージャ併用。） インラインフレームの枠を青い点線枠に変更 （インラインフレームを指定するページの<head>～</head＞内に） <STYLE type="text/css"> <!-- IFRAME{ border-color : blue; border-style : dotted; font-weight : normal; border-width : 1px; } --> </STYLE> （<body＞～</body＞内に） <IFRAME src="kousin.html" scrolling="AUTO" name="kousin" width="90%" height="90" align="top" marginwidth="0" marginheight="0" frameborder="0">What's Newが表示されない場合は更新履歴をご覧ください</IFRAME> （インラインフレーム内に読み込まれるページkousin.htmlの<head>～</head＞内に） <STYLE type="text/css"> <!-- BODY { font-size : 12px; line-height : 135%; SCROLLBAR-FACE-COLOR: #c2f1ff; SCROLLBAR-HIGHLIGHT-COLOR: #c2f1ff; SCROLLBAR-SHADOW-COLOR: #c2f1ff; SCROLLBAR-3DLIGHT-COLOR: #0066cc; SCROLLBAR-ARROW-COLOR: #0066cc; SCROLLBAR-TRACK-COLOR: #c2f1ff; SCROLLBAR-DARKSHADOW-COLOR: #0066cc; } --> </STYLE>
関連するQ&A
- インラインフレーム内のスクロールバーの色変更について
インラインフレーム内のスクロールバーの色を白に変更したいのですがインラインフレームを置いている親ページのスクロールバーの色が変わってしまいます インライフレーム内の元ページのスクロールバーの色も変更していますが出来ません インラインフレーム内のページタグ <HEAD><style type="text/css"> <!-- body { scrollbar-base-color: #ffffff scrollbar-arrow-color: #ffffff; } --> </style> 親ページのタグ <IFRAME frameborder="0" src="file:///J:/hompage/haikyo.html" width="470" height="470" scrolling="AUTO" scrollbar-base-color: #ffffff style="scrollbar-darkshadow-color : white;scrollbar-face-color : white;scrollbar-3dlight-color : white;scrollbar-highlight-color : white;scrollbar-arrow-color : white;scrollbar-shadow-color : white;scrollbar-base-color : white;scrollbar-track-color : white;"></IFRAME> ネットでも検索してみましたが検索の仕方がわるいのかうまく出来ません アドバイスお願いします
- ベストアンサー
- HTML
- スタイルシートのスクロールバー
現在ＨＰを作成しています。 スタイルシートでスクロールバーの色を変更させたいのですが、出来ません。 何処かおかしいでしょうか？ 宜しくお願いします。 <style type=text/css> <!-- body{ scrollbar-face-color:#fba32b; scrollbar-highlight-color:white; scrollbar-shadow-color:white; scrollbar-3dlight-color:white; scrollbar-arrow-color:#fba32b; scrollbar-track-color:white; scrollbar-darkshadow-color:white; } --> </STYLE>
- ベストアンサー
- その他([技術者向] コンピューター)
- スクロールバーの色を変更
サイトのＴＯＰでスクロールバーの色の変更をして、それは出来たのですが… ＴＯＰに更新履歴を表示するテキストエリアボックスのスクロールバーまで色が変わってしまいます。 ここに関しては通常の青いスクロールバーにしたいのですが、どうすればいいのか分かりません…。 スクロールバーの色の変更は<HEAD>内にこれを使いました。 <style type="text/css"> <!-- body { scrollbar-arrow-color:#000; scrollbar-face-color:#90eeaa; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#000; scrollbar-track-color:#fff; scrollbar-shadow-color:#000; scrollbar-darkshadow-color:#fff; } --> </style>
- 締切済み
- HTML
- スクロールバーの色変更（長文）
スクロールバーの色を設定したいのですが、下のように書くとうまく設定できません。 どこがおかしいのでしょうか？ よろしくおねがいいたします。 <html> <head> <style type="text/css"> <!-- body { scrollbar-3dlight-color:#808080; scrollbar-arrow-color:#ffffff; scrollbar-base-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ffffff;} body { background-image:url("top/newtop.jpg"); background-repeat:no-repeat; background-attachment:fixed; background-position:50% 20%; background-color:#ffffff; } div { text-arign:center; padding:10px; border-width:thin; border-style:dotted; background-color:transparent; } #kousinrireki{ position:static; margin-top:20px; margin-right:80%; margin-bottom:70%; margin-left:0%; } #reserve { text-arign:center; padding:0px; border-width:thin; border-style:none; background-color:transparent; color:maroon; ｝ --> </style> </head> <BODY TEXT="#708090"> <font size=-2> <body> <div id="kousinrireki"> ※リニューアル♪<BR> </div> <div id="reserve"> Fumio All rights reserved<BR> </div> </body> </html>
- ベストアンサー
- HTML
- HP作成（スクロールバーの色）
HP作成初心者です。 画面のスクロールバーの色をスタイルシートを使って変更したいのですが、言語がよく分かりません。 以下の「face-color」や「highlight-color」などはどの部分の色を指定しているのでしょうか？ 分かる方教えてください。参考になるURLなども教えていただければうれしいです。 <STYLE type="text/css"> <!-- body { scrollbar-face-color:#756fea; scrollbar-highlight-color:white; scrollbar-shadow-color: #756fea; scrollbar-3dlight-color: #756fea; scrollbar-arrow-color:white; scrollbar-darkshadow-color: #756fea; scrollbar-track-color: #4d44e3; } --> </STYLE>
- ベストアンサー
- その他（インターネット・Webサービス）
- アイフレームのスクロールバーを変えたい。
お世話になります。 アイフレームを使いたいんですけど、スクロールバーをスケルトンとかちょっとかわいめに変えたいんです。 最終的には、背景を透かして、アイフレーム内に入る文章が長いときだけスクロールバーが現れ、それがスケルトンとかちょっと可愛いものに変えたい、ということです。 通常のhtmlだとスタイルシートで <style type="text/css"> <!-- body{scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffFFff; scrollbar-shadow-color: #ffFFff; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #FF0033; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff;} --> </style> こんな感じで入れると思うんですけど、これはアイフレームにはきかないんですよね・・・。 ちなみに現状は以下です。 <IFRAME name="ifnikki" src="nikki.shtml" width="380" scrolling="AUTO" frameborder="0" flameallowtransparency="true">
- ベストアンサー
- その他（インターネット・Webサービス）
- IE6でのスクロールバーの色
IE5.5の時は、スクロールバーの色が変わってたんですが、 IE6にしたら、色が変わらなくなりました。 どうしたらよいでしょうか。 教えてください。 よろしくお願いします。 ■補足説明■ スタイルシートは外部から読み込むようにしてます。 記述は以下のとおりです。 body{scrollbar-base-color:#000000; scrollbar-face-color:#000000; scrollbar-track-color:#000000; scrollbar-arrow-color:#8080ff; scrollbar-3dlight-color:#8080ff; scrollbar-highlight-color:#000000; scrollbar-shadow-color:#000000; scrollbar-darkshadow-color:#8080ff; font-size:12px; color:#8080ff; background-color:#000000} ・ ・ ・ ・ フォントサイズ、フォントの色、背景色は認識されてます。
- 締切済み
- その他（インターネット・Webサービス）
- スクロールについて
<textarea rows="5" cols="45" style="border-style:solid; padding:4px;background:#FAEBD7; scrollbar-base-color:#FF0000; scrollbar-face-color: #FF0000; scrollbar-track-color:#444444; scrollbar-3dlight-color: #CCCCCC; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #CCCCCC; scrollbar-darkshadow-color: #666666; scrollbar-arrow-color: #660000;"> ここに文字を書く </textarea> ここに文字を書くの部分にyoutubeなどの嵌め込み動画を載せるにはどうすれば良いでしょうか。 例えば、 <iframe width="425" height="349" src="http://www.youtube.com/embed/kXYiU_JCYtU" frameborder="0" allowfullscreen></iframe> これをコッピーペーストして貼り付けても、スクロール内では、動画に変換されません。 どなたか、よろしくお願いします。
- ベストアンサー
- CSS
- TEXTAREAのスクロールバーの色は変えない方法
次のようにすると、TEXTAREAのスクロールバーも色が変わってしまいます。 ブラウザのスクロールバーのみ変えて、TEXTAREAのスクロールバーの色は変えない、できるだけ洗練されたエクセレントな方法を教えて下さい！ body { scrollbar-highlight-color:#ffffff; scrollbar-arrow-color:#ffffff; scrollbar-3dlight-color:#0066ff; scrollbar-base-color:#0066ff; scrollbar-face-color:#0066ff; scrollbar-shadow-color:#0066ff; scrollbar-darkshadow-color:#299095; }
- ベストアンサー
- CSS
- スクロールバーのデザイン変える方法を教えてくだい
現在HP制作中なのですが、スクロールオーバーの色、形などを変更したくて、色々と検索したところ、この様な記述が多かったので、 html, body { scrollbar-3dlight-color: #ffcccc; scrollbar-arrow-color: black; scrollbar-darkshadow-color: black; scrollbar-face-color: #ffcccc; scrollbar-highlight-color: #997a7a; scrollbar-shadow-color: white; } 実行してみたのですが、全然変わりませんでした。。。 一応、この様に書いてみてスクロールバー自体は表示されたのですが。。。 デザイン変更できません、、、 .scroll_pane { height: 376px; width: 226px; overflow: auto; font-size: 14px; color: #FFF; } いくつか試してみたのですが、全然できませんでした。。。泣 色、形など変えたいです。 どなたか、ご存知の方、是非教えてください。。。 どうぞよろしくお願い致します。 使用OSはMAC OS XでDream WeaverCS4を使用しています。。。
- ベストアンサー
- CSS
お礼
有難う御座いました。 たまたま、HPビルダー作成報告ページの小技集のスクロールバーに色を付けるのV９では、 サポートされてないタグをBODY内に書き込みしたら出来ました。 教えて頂いた事は大切に保存させて頂きます。 ビルダーもV12にアップグレードしたいと思います。