フレームページのスクロールバーを装飾する。忍者で二分割のサイトを作っている者です。ページ全体のスクロールバーを装飾する事は出来ましたが、フレームページのスクロールバーを装飾する事が出来ません。同時に、フレームページのスクロールを上下だけにしたいと思っています。私の予想では、 ↑このHTMLでスクロールを上下だけにし、スクロールバーを装飾できるのですのですが、肝心の入れる場所が分かりません。 ↓サイトのHTML L・L・B since－2010.4.10 少しHTMLを省略しましたが、こんな感じです。何処に入れればいいのかを教えて下さい！

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

解決済

質問者：hope108
質問日時：2010/04/09 19:35
回答数：2件

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

忍者で二分割のサイトを作っている者です。
ページ全体のスクロールバーを装飾する事は出来ましたが、フレームページのスクロールバーを装飾する事が出来ません。
同時に、フレームページのスクロールを上下だけにしたいと思っています。

私の予想では、
<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を省略しましたが、こんな感じです。
何処に入れればいいのかを教えて下さい！

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： panto-maim
回答日時：2010/04/11 01:39

>スクロールバーの装飾のHTMLは、

>質問に書いてあった<iframe～>から</iframe>の間に書けばよいのでしょうか？

念のために確認したいのですが、
忍者でサイト作っているとのことですが、
かんたん管理ページを使って作成しているわけではないですよね？
それを前提にします。
（かんたん管理ページの場合、<head>～</head>間に記述する方法ではなくて、
<td style="～
のように要素に直接、スタイル設定を書き込む方法じゃないと、上手くいかないことがあるので）

<iframe>（インラインフレーム）でのスクロールバーの色変更は、
インラインフレーム内に表示されるページに直接設定します。

質問に書いてあった
<iframe height="100%" src="i.html"
だと、i.htmlに直接、スクロールバー色変更の設定をすればよいだけです。

参考：インラインフレームのスクロールバーの色を指定するhttp://www.tagindex.com/stylesheet/frame/scrollb …

- 0
- 件

通報する

この回答へのお礼

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

通報する

お礼日時：2010/04/11 14:23

No.1

回答者： smooth_operator
回答日時：2010/04/10 14:50

二分割のフレームページとありましたが

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>

いかがでしょう？