• ベストアンサー

スクロールバーの色変更

チャットをダウンロードしたところは SQUZAインラインチャット TYPE.F Ver1.0 http://www.squza.com/  iframeでチャットを設置してるのですが、スクロールバーの色の変更ができません。 スクロールバーの色を変更したいのですが教えて下さい。 呼び出しは下のようにしています。 <iframe width="400" height="300" src="../cgi-bin/inlinechat.html" frameborder="0" scrolling="auto"></frame>

  • what
  • お礼率61% (68/110)
  • HTML
  • 回答数4
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
  • Lio
  • ベストアンサー率44% (13/29)
回答No.3

返事遅くなってすみません。 <style type=・・></style> の中に入れてしまったようですね。ダメです。 <body>と一緒に入れるんです。私の説明が悪かったかもしれません。 sinxさんの補足のソースから、ちょっと作りました。 <style type="text/css"> <!-- BODY {margin: 0 0 0 0;} A {text-decoration:none;} A:hover {text-decoration: underline;} .font1 {border-width: 1; border-style: solid; border-color: #cc3333; font-size: 13px; font-color: #000000; font-weight:bolder} .form1 {font-size: 13px; color: #000000; background-color: #FFFFFF; border-width: 0;} .form2 {font-size: 13px; color: #FFFFFF; background-color: #cc3333; ;border-width: 1; border-style: outset;} .hand { cursor: hand;} --> </style> <script language="JavaScript"> <!-- function sqreset() {CLEAR = "";document.form.comment.value=CLEAR;document.form.comment.focus();} w = window;function SQUZA_CP1() {if ((w == window) || w.closed) {w = open('cp1.html','SQUZA','width=230,height=80,resizable=yes'); } else {w.focus();} return(false);} //--> </script> </head> <body style="scrollbar-face-color: #ffffff;scrollbar-highlight-color:#cc3333;scrollbar-shadow-color: #cc3333;scrollbar-arrow-color:#cc3333;scrollbar-3dlight-color:#ffffff;scrollbar-track-color: #ffffff;scrollbar-darkshadow-color: #ffffff" bgcolor="#FFFFFF" text="#cc3333" link="#cc3333" alink="#cc3333" vlink="#f08080"> <table width="500" border="0" cellspacing="0" cellpadding="0" class="font1"> <form method="post" action="inlinechat.cgi" target="chat" name="form"> <tr bgcolor="#cc3333"><td bgcolor="#FFFFFF" nowrap>name:<input type="text" name="name" maxlength="10" size="10" class="form1"></td> <td bgcolor="#FFFFFF" nowrap>mes:<input type="text" name="comment" maxlength="80" size="50" class="form1"><span class="hand" onClick="javascript:SQUZA_CP1()">color</span></td> <td bgcolor="#FFFFFF" nowrap><div align="right"><input type="hidden" name="mode" value="write"><input type="hidden" name="color" value=""><input type="submit" value="記入" class="form2"></div></td></tr></form></table> <iframe width="517" height="170" src="inlinechat.cgi" frameborder="0" scrolling="auto" name="chat"></iframe> </body> </html> 下記と同じソースを動くように改良したものです。 試してみてください。

その他の回答 (3)

  • Lio
  • ベストアンサー率44% (13/29)
回答No.4

追伸: sinxさんではありませんでしたね。 すみません。whatさんの間違いでした。

what
質問者

お礼

お二人の方お礼と報告 大分遅くなってしまってすみませんでした。 回答ありがとうございました。 Lioさんのとうりで できました。

  • sinx
  • ベストアンサー率29% (14/47)
回答No.2

もしかしてIE6で見ていませんか? そうであれば、BODYタグではなくHTMLタグにスタイルを指定してみてください。

what
質問者

補足

回答ありがとうございます IE5.5 W.ME です

  • Lio
  • ベストアンサー率44% (13/29)
回答No.1

<body style=◆:★> が基本です。(◆→スクロールバーの部分を指定、★→色を指定) ../cgi-bin/inlinechat.html の</head>以下に入れてください。 ◆の例 scrollbar-highlight-color ←スクロールバーの動かすやつの下にあるところ scrollbar-face-color ←動かすやつ わかりにくい説明ですが、参考のURLを記しておきます。

参考URL:
http://www3.ocn.ne.jp/~uri-o313/yumesato/tag/2/scroll_bar.html
what
質問者

補足

ありがとうございました。 inlinechat.htmlに★~★の部分を付け加えました。 だけど全くかわりません。 このフレームをトップページに置いてるんですが トップページにもスタイルシート設定はしています。 何が原因なのかわからずタイトルから下を下記に 書き込ませてもらいました。 長くなってしまいましたが、もしわかったら教えて下さい。 <style type="text/css"> <!-- BODY {margin: 0 0 0 0;} ★body{scrollbar-face-color: #ffffff;scrollbar-highlight-color:#cc3333;scrollbar-shadow-color: #cc3333;scrollbar-arrow-color:#cc3333;scrollbar-3dlight-color:#ffffff;scrollbar-track-color: #ffffff;scrollbar-darkshadow-color: #ffffff;}★ A {text-decoration:none;} A:hover {text-decoration: underline;} .font1 {border-width: 1; border-style: solid; border-color: #cc3333; font-size: 13px; font-color: #000000; font-weight:bolder} .form1 {font-size: 13px; color: #000000; background-color: #FFFFFF; border-width: 0;} .form2 {font-size: 13px; color: #FFFFFF; background-color: #cc3333; ;border-width: 1; border-style: outset;} .hand { cursor: hand;} --> </style> <script language="JavaScript"> <!-- function sqreset() {CLEAR = "";document.form.comment.value=CLEAR;document.form.comment.focus();} w = window;function SQUZA_CP1() {if ((w == window) || w.closed) {w = open('cp1.html','SQUZA','width=230,height=80,resizable=yes'); } else {w.focus();} return(false);} //--> </script> </head> <body bgcolor="#FFFFFF" text="#cc3333" link="#cc3333" alink="#cc3333" vlink="#f08080"> <table width="500" border="0" cellspacing="0" cellpadding="0" class="font1"> <form method="post" action="inlinechat.cgi" target="chat" name="form"> <tr bgcolor="#cc3333"><td bgcolor="#FFFFFF" nowrap>name:<input type="text" name="name" maxlength="10" size="10" class="form1"></td> <td bgcolor="#FFFFFF" nowrap>mes:<input type="text" name="comment" maxlength="80" size="50" class="form1"><span class="hand" onClick="javascript:SQUZA_CP1()">color</span></td> <td bgcolor="#FFFFFF" nowrap><div align="right"><input type="hidden" name="mode" value="write"><input type="hidden" name="color" value=""><input type="submit" value="記入" class="form2"></div></td></tr></form></table> <iframe width="517" height="170" src="inlinechat.cgi" frameborder="0" scrolling="auto" name="chat"></iframe> </body> </html>

関連するQ&A

  • iflameのスクロールバーについて

    ページ内に、iflameでページを表示しようとしています。 縦に長いページなので、縦にだけスクロールバーを出したいのですが… <iframe src="http://...." width="600" height="400" scrolling="yes"></iframe> こんな感じに設定しています。 ウィンドウズIEではキレイに見えています。 ですが、マッキントッシュIEで見ると、スクロールバーが表示されません。 <iframe src="http://...." width="600" height="400" scrolling="auto"></iframe> にすると、マッキントッシュIEでもスクロールバーがきれいに表示されるのですが、 ウィンドウズIEで、必要のない下の部分(横部分)のスクロールバーまで出てしまいます。 この横スクロールバー、たとえ中味を短くしても、表示されるので…すごーく嫌なのです…。 マッキントッシュと、ウィンドウズ両方で、たて部分だけスクロールバーが出るようにする方法はあるのでしょうか?

    • ベストアンサー
    • HTML
  • スクロールできない

    お世話になっています。 下のようなファイルによって、フレームを使ったファイルindex2.htmlを呼び出して、HP全体を真ん中寄せにしました。 するとマウスの真ん中のちょぼでスクロールできなくなってしまいました。 <body> <DIV ALIGN="center"> <iframe name="cal-iframe" src="index2.html" width="920" height="2500" scrolling="yes" frameborder="0" marginwidth="0" marginheight="0"> </iframe> </DIV> </body> スクロールバーをドラッグアンドドロップで操作することはできるのですがちょぼで操作できるようにするには、どうすればいいでしょうか?

    • ベストアンサー
    • HTML
  • <object>領域の枠線とスクロールバーの消去

    HTMLカテゴリだと思うのですがcgiファイルを主に使用してるのでこちらで質問させてもらいますm(--)m <object data="test.cgi" type="text/html" width="500" height="300"> </object> これでページ内に別のページを表示できるのですが・・・ 枠線やスクロールバーを消すことができません(><) borderやstyle sheetなど自分が考えられることは全部やったつもりなのですが消す方法はあるのでしょうか? (スクロールバーはまだ試してないです) 今現在は <iframe src="./bbs/bbs.cgi" name="inline" width="100%" height="500" scrolling="auto" noresize frameborder="no"></iframe> のようにして表示してます これだとフレーム未対応のブラウザだと表示できないかな?と思って他の方法を探して<object>にたどり着きました ↑これ、誤認識ですかね?<frameset>の場合は未対応だと<noframe>で対応させるようになってるのですが<iframe>の場合は関係ないのでしょうか? それも併せて教えていただけると幸いです(^^) また<object>や<iframe>以外にページ内に別のページを表示させることができる方法を知っておられたら教えてください

    • ベストアンサー
    • CGI
  • インラインフレーム内のスクロールバーの色変更について

    インラインフレーム内のスクロールバーの色を白に変更したいのですがインラインフレームを置いている親ページのスクロールバーの色が変わってしまいます インライフレーム内の元ページのスクロールバーの色も変更していますが出来ません インラインフレーム内のページタグ <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
  • スクロールバーの色を変更したい

    最近,ホームページ作りに挑戦してみようと思い,始めました. 以下のようなフレームで,スクロールバーの色を変更したいのですが,何処をどのようにすればいいのでしょうか?よろしくお願いします. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>HP Top</title> </head> <frameset rows="10%, *"> <frame src="HP head.html" name="HP head"scrolling="no" frameborder="0"> <frame src="HP main.html" name="HP main"frameborder="0"> <noframes> </noframes> </frameset> </html>

    • ベストアンサー
    • HTML
  • アイフレームのスクロールバーの色を変えたい

    アイフレームのスクールバーの色を変えるにはどうしたらよいでしょうか? あと、アイフレームのタグは <IFRAME height="サイズ" src="フレーム内のURL" width="サイズ"></IFRAME> で良いですか? 宜しくお願い致します。

    • ベストアンサー
    • HTML
  • 下に表示されるスクロールバーの消し方を教えてください。

    下記のようにtitle(上)、menu(右)、main(左)と、3つのフレームを分けて表示していますが、 <frameset rows="60,*" border="0" frameborder="0" framespancing="0"> <frame src="title.html" name="head" scrolling="no"> <frameset cols="130,*" border="0" frameborder="0" framespancing="0"> <frame src="menu.html" name="menu" scrolling="auto"> <frame src="cont.html" name="main" scrolling="auto"> </frameset> </frameset> *で表示しても、main(右)のフレームの下にスクロールバーが出てしまいます。右端の上下のスクロールはいかしたまま、下のスクロールバーを消すには、どのようにすればよいのでしょうか? 分からなくて困っています。もし分かる方是非教えてください。 現状はこんな感じになってしまっています。http://www.twinklecloset.com/index.html

    • ベストアンサー
    • HTML
  • iframeの属性(スクロールバー)変更について

    OS情報:windowsXP ブラウザ情報:IE iframeの属性(スクロールバー)変更をしたいのですがうまくいきません。 変更したい属性は、スクロールバーの表示、非表示です。 背景色や指定URLの変更は、 document.getElementById("フレームID").style.backgroundColor = "yellow"; document.getElementById("フレームID").src = "移動先のURL"; などで出来るのですが、スクロールバーの属性変更ができません。 document.getElementById("フレームID").scrolling = "yes || no"; など、やってみましたがダメでした。 よろしくお願いしますm(__)m

  • インラインフレームのスクロールバーについて

    インラインフレームのスクロールバーが現れないようにしたいのです。それも、縦方向は残して、横方向のスクロールバーが出ないようにしたいのです。 MacのIEで確認すると(当方はMacintoshでホームページを作成しています)縦方向のみスクロールバーが現れ、横方向は現れません。がWindowsで確認すると縦横ともに現れるのです。 タグではautoとyesとnoしか制御する方法はないのでしょうか? Javascriptなどでもかまいません。 どなたかご存じでしたら教えてください。お願いします(泣) ちなみにテーブルのセルの中に作っているのですが、タグはこんな感じです↓ <td width="104"> <iframe src="info.html" name="info" width="100%" height="92" frameborder="0"> <p>このページはインラインフレーム対応のブラウザでご覧ください。</p> </iframe> </td>

    • ベストアンサー
    • HTML
  • スクロールバーを無くしたい

    フレームを使うとき、スクロールバーの有無を <FRAME Src="***.html" Name="menu" Scrolling="no"> のようなタグで決めるのは調べてわかったのですが、 フレームを使用せず、普通の一つのhtml文書でスクロールバーを非表示にする方法はありますか?

    • ベストアンサー
    • HTML