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


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

私の予想では、
<HEAD>
<style type="text/css">
<!--
body{ overflow-x:hidden; }
-->
</style>
</HEAD>
<BODY>
<STYLE TYPE="text/css">
<!--
Body{
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;
}-->
</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を省略しましたが、こんな感じです。
何処に入れればいいのかを教えて下さい!

A 回答 (2件)

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


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


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

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

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

参考:インラインフレームのスクロールバーの色を指定するhttp://www.tagindex.com/stylesheet/frame/scrollb …
    • good
    • 0
この回答へのお礼

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

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

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


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">
<!--
body{ overflow-x:hidden; }
-->
</style>
</HEAD>
<BODY>
<STYLE TYPE="text/css">
<!--
Body{
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;
}-->
</STYLE>

これって、↓でいけるのでは?

<style type="text/css">
<!--
body{
 overflow-x:hidden;
 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;
}
-->
</style>

いかがでしょう?
    • good
    • 0
この回答へのお礼

<body>直下のCSS定義は無意識にしていました・・。
書いてくださった方のHTMLに直しました。

スクロールバーの装飾のHTMLは、質問に書いてあった<iframe~>から</iframe>の間に書けばよいのでしょうか?

お礼日時:2010/04/10 17:13

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

今、見られている記事はコレ!

  • 好きだけどケンカばかり……そんな彼との結婚は?

    やたらとケンカが多いカップルというのはいる。それでも腐れ縁なのか長く交際し、いざ結婚しようと決めたときに、ふと思い悩む。こんなにケンカが多いのに、結婚して大丈夫? と。今回は「教えて!goo」に寄せられ...

  • ポンコツな日々:第125話「食べてもOK」

    日々のちょっとしたヘンな出来事を、1話完結形式の4コマで綴っていきます。時にするどく、時にやんわり、ありそうで無さそうな日常の1コマを切り取ってお届けします。

  • “罵声大会”に怒り心頭?名指しで苦情も……駅員泣かせの鉄道ファン

    時として人は趣味に没頭してしまうと、周囲に迷惑をかけてしまいがち。それが公共の場ならばなおさらである。「教えて!goo」に「何で鉄道ファンはマナーの悪い人が多いのでしょうか?」との質問を見つけた。鉄道愛...

  • たまランチ:第102話「ネコ好き」

    外ランチを愛してやまない元気な女子社員・たまちゃん(26)。オシャレなお店より「安くておいしい」お店が大好き! そんな女子力低めなたまちゃんの、色気より食い気な日々をつづります。

  • エルフ田さん:第125話「洗濯干しの『コツ』」

    エルフ(ファンタジーとかに出てくる長寿の種族)の「エルフ田」と、ただの人間である女子社員2人による日常ギャグ。エルフならではのズレたツッコミでバシバシ人間界の話題を斬っていきます。

おしトピ編集部からのゆる~い質問を出題中

お題をもっとみる

このQ&Aを見た人が検索しているワード


このカテゴリの人気Q&Aランキング

おすすめ情報

カテゴリ