設置方法 設置方法
このインラインフレームは、設置しているページと フレーム内ページの
2つのHTMLファイルから構成されています。
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
まず画像を2種類保存します。
1つめは画像の上部を右クリックし通常の方法で保存します。
2つめは画像の下部を右クリック→名前をつけて背景を保存
という方法で保存してください。
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
次に、更新情報などのフレーム内に表示させたいHTMLファイルを作成します。
<HEAD>〜</HEAD>の間に↓のソースを貼り付け、背景固定をします。
<STYLE type="text/css"><!--
BODY {
background-image : url("1-low.gif");
background-attachment: fixed;
background-position:0% 0%;
background-repeat: no-repeat;}
-->
</STYLE>
ソースの説明
3行目 url("背景に表示させる画像名")
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
最後は、インラインフレームを設置したいHTMLファイルの
<BODY>〜</BODY>の間に↓のソースを貼り付けフレームを表示します。
<TABLE cellpadding="0" cellspacing="0">
<TBODY>
<TR>
<TD nowrap><IMG src="1-top.gif"
width="480" height="64"
border="0"></TD>
</TR>
<TR>
<TD nowrap><IFRAME src="new.html"
width="480" height="400"
frameborder="0" scrolling="YES"></IFRAME>
</TD>
</TR>
</TBODY>
</TABLE>
ソースの説明
4行目 IMG src="上部に表示したい画像名f"
width="画像の横幅" height="画像の縦幅"
7行目 IFRAME src="フレーム内に表示したいhtmlファイル名"
width="フレームの横幅" height="縦幅"
scrolling="YES" ←スクロールバーを常に表示はYES・出さない場合はNO・自動表示はAUTO