フレームページのスクロールバーを装飾する方法 - 忍者で二分割サイトを作成中

2010/04/09 19:35

このQ&Aのポイント

フレームページのスクロールバーを装飾する方法と、スクロールを上下だけにする方法について教えてください。
フレームページのスクロールバーを装飾するためのHTMLコードと、入れる場所についての質問です。
フレームページにおけるスクロールバーの装飾と上下のみのスクロールにする方法を教えてください。

フレームページのスクロールバーを装飾する。

フレームページのスクロールバーを装飾する。忍者で二分割のサイトを作っている者です。ページ全体のスクロールバーを装飾する事は出来ましたが、フレームページのスクロールバーを装飾する事が出来ません。同時に、フレームページのスクロールを上下だけにしたいと思っています。私の予想では、 <HEAD> <style type="text/css">  </style> </HEAD> <BODY> <STYLE TYPE="text/css">  </STYLE> </BODY> ↑このHTMLでスクロールを上下だけにし、スクロールバーを装飾できるのですのですが、肝心の入れる場所が分かりません。 ↓サイトのHTML <table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%"> <tbody> <p> <tr> <td style="border-bottom: black 1px solid; border-left: black 1px solid; border-top: black 1px solid; border-right: black 1px solid" class="t" height="40%" valign="middle" width="40%" nowrap="nowrap" align="center"> <h1><br /> <tt>L・L・B</tt></h1> <!--ここからメニュー変更箇所> <td height="40%" width="60%" nowrap="nowrap" align="right"><img alt="" src="?http://*****/yanekko01.gif"? /></td> </tr> <tr> <td height="60%" valign="top" width="40%" nowrap="nowrap" align="center"> <div class="copyright">since－2010.4.10<br /> <br /> <br /> <br /> <img alt="" src="?http://*****/simpleVC_img/nitizyou3.gif"? /></div> </td> <td style="border-bottom: black 1px solid; border-left: black 1px solid; border-top: black 1px solid; border-right: black 1px solid" height="60%" valign="top" width="60%" align="center"><iframe height="100%" src="i.html" frameborder="0" width="100%" name="a" scrolling="yes" align="middle"></iframe><br /> <br />  </td> </tr> </p> </tbody> </table> 少しHTMLを省略しましたが、こんな感じです。何処に入れればいいのかを教えて下さい！

hope108
お礼率62% (5/8)

HTML
回答数2
ありがとう数4

みんなの回答 （2）
専門家の回答

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

ベストアンサー

panto-maim
ベストアンサー率89% (476/533)

2010/04/11 01:39 回答No.2

>スクロールバーの装飾のHTMLは、 >質問に書いてあった<iframe～>から</iframe>の間に書けばよいのでしょうか？念のために確認したいのですが、忍者でサイト作っているとのことですが、かんたん管理ページを使って作成しているわけではないですよね？それを前提にします。（かんたん管理ページの場合、<head>～</head>間に記述する方法ではなくて、 <td style="～のように要素に直接、スタイル設定を書き込む方法じゃないと、上手くいかないことがあるので） <iframe>（インラインフレーム）でのスクロールバーの色変更は、インラインフレーム内に表示されるページに直接設定します。質問に書いてあった <iframe height="100%" src="i.html" だと、i.htmlに直接、スクロールバー色変更の設定をすればよいだけです。参考：インラインフレームのスクロールバーの色を指定するhttp://www.tagindex.com/stylesheet/frame/scrollbar_color.html

質問者

お礼 2010/04/11 14:23

ありがとうございました！！お陰で出来ました＾＾

ログインすると、全ての回答が全文表示されます。

その他の回答 (1)

smooth_operator
ベストアンサー率62% (5/8)

2010/04/10 14:50 回答No.1

二分割のフレームページとありましたが index.html・menu.html・main.htmlという3つで構成されていて片側フレーム(例えばmenu.html)のスクロールバー装飾だった場合、 menu.htmlに同じようなスタイルを書き込むことで可能です。また<iframe>のタグを記載されていましたので、そのの装飾の場合は iframe { scrollbar-3dlight-color:#2f4f4f; scrollbar-arrow-color:#2f4f4f; scrollbar-darkshadow-color:#ffffff; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#2f4f4f; scrollbar-track-color:#ffffff; } でいけると思います。余談ですが、参考のソースにて<body>直下にCSSを定義しているのは意図があってなのでしょうか？ <style type="text/css">  </style> </HEAD> <BODY> <STYLE TYPE="text/css">  </STYLE> これって、↓でいけるのでは？ <style type="text/css">  </style> いかがでしょう？

質問者