アッhan!
間違ってたらごめんね
HTML 編:フレームの作り方
道具箱 フリー素材集 ネチケット 書籍紹介 リンク集 お勧め情報 更新記録 FAQ フレーム内
Top Download Support Manual ご利用規定 改造計画 Security 関連知識 フレーム外
Top フレームの作り方 target属性の使い方 特殊な Font の使い方
  目次  
 1; 左側メニューの場合
 2; 右側メニューの場合
 3; 上側メニューの場合
 4; ボーダーに色を付ける場合
 5; ボーダーを無くす場合
 6; スクロールバーを表示しない場合
 7; 左上下分割メニューの場合(Ahhan! BBS の場合)
  1;左側メニューの場合  
 112@
← →
 残り( * )A
←−−−−−→

<例>  参考フレーム

 
<html><head><title>アッhan!</title></head>
	<frameset cols="112,*">
		<frame src="index0.html" name="frame1">
		<frame src="headline.cgi" name="frame2">
	</frameset>
</html>

<説明>
 ・横に2分割する場合は、「cols="左幅の値,右幅の値"」(値はピクセル)
 ・横に3分割する場合は、「cols="左幅の値,中央幅の値,右幅の値"」
 ・「 * 」印は、残りの数値を表す。
 ・ブラウザの表示画面の割合で表す場合は、「cols="15%,*"」とする。
 ・メニューなどの場合は、ピクセルで幅を固定する方が都合がよい。

  2;右側メニューの場合  
 残り( * )A
←−−−−−→
 112@
← →

<例>  参考フレーム

 
<html><head><title>アッhan!</title></head>
	<frameset cols="*,112">
		<frame src="headline.cgi" name="frame2">
		<frame src="index0.html" name="frame1">
	</frameset>
</html>

<説明>
 ・横に2分割する場合は、「cols="左幅の値,右幅の値"」(値はピクセル)
 ・横に3分割する場合は、「cols="左幅の値,中央幅の値,右幅の値"」
 ・「 * 」印は、残りの数値を表す。
 ・ブラウザの表示画面の割合で表す場合は、「cols="*,15%"」とする。
 ・メニューなどの場合は、ピクセルで幅を固定する方が都合がよい。

  3;上側メニューの場合  

80@


残り( * )A

<例>  参考フレーム

 
<html><head><title>アッhan!</title></head>
	<frameset rows="80,*">
		<frame src="index0.html" name="frame1">
		<frame src="headline.cgi" name="frame2">
	</frameset>
</html>

<説明>
 ・縦に2分割する場合は、「rows="上部の値,下部の値"」(値はピクセル)
 ・縦に3分割する場合は、「rows="上部の値,中央の値,下部の値"」
 ・「 * 」印は、残りの数値を表す。
 ・ブラウザの表示画面の割合で表す場合は、「rows="15%,*"」とする。
 ・メニューなどの場合は、ピクセルで幅を固定する方が都合がよい。

  4;ボーダーに色を付ける場合  
 112@
← →
 残り( * )A
←−−−−−→

<例>  参考フレーム

 
<html><head><title>アッhan!</title></head>
	<frameset cols="112,*" bordercolor="#ff0000">
		<frame src="index0.html" name="frame1">
		<frame src="headline.cgi" name="frame2">
	</frameset>
</html>

  5;ボーダーを無くす場合  
 112@
← →
 残り( * )A
←−−−−−→

<例>  参考フレーム

 
<html><head>
<title>アッhan!</title></head>
	<frameset cols="112,*" border="0">
		<frame src="right01.html" name="frame1">
		<frame src="headline.cgi" name="frame2">
	</frameset>
</html>

<説明>
 ・無くす場合は、  border="0"
 ・無くさない場合は、border="1" または、不用

  6;スクロールバーを表示しない場合  
 112@
← →
 残り( * )A
←−−−−−→

<例> 参考フレーム

 
<html><head>
<title>アッhan!</title></head>
  <frameset cols="112,*" border="0">
    <frame src="right01.html" name="frame1" scrolling="no">
    <frame src="headline.cgi" name="frame2">
  </frameset>
</html>

<説明>
 ・無くす場合は、scrolling="no"を無くすフレーム部分に書き加える

  7;左上下分割メニューの場合  

80@
10C
←→
 残り( * )B
←−−−−−→
112A
← →

<例>  参考フレーム

 
<html><head>
<title>アッhan!</title></head>
  <frameset cols="112,10,*" border=0>
    <frameset rows="80,*">
      <frame src="left1.html" name="frame1" scrolling="no">
      <frame src="index0.html" name="frame2">
    </frameset>
      <frame src="line_r.html" name="frame4" scrolling="no">
      <frame src="../cgi-bin/bbs/headline.cgi" name="frame3">
  </frameset>
</html>

Copyright© 2001-2004, bunbun . All right reserved.