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

＜例＞　　参考フレーム

　 
<html><head><title>アッhan!</title></head>
	<frameset cols="112,*">
		<frame src="index0.html" name="frame1">
		<frame src="headline.cgi" name="frame2">
	</frameset>
</html>
＜説明＞
　・横に２分割する場合は、「cols="左幅の値,右幅の値"」（値はピクセル）
　・横に３分割する場合は、「cols="左幅の値,中央幅の値,右幅の値"」
　・「 * 」印は、残りの数値を表す。
　・ブラウザの表示画面の割合で表す場合は、「cols="15%,*"」とする。
　・メニューなどの場合は、ピクセルで幅を固定する方が都合がよい。
▼
▼
  ２；右側メニューの場合 ■ ▼ ▲ 
 残り（ * ）②
←－－－－－→
 112①
←　→

＜例＞　　参考フレーム

　 
<html><head><title>アッhan!</title></head>
	<frameset cols="*,112">
		<frame src="headline.cgi" name="frame2">
		<frame src="index0.html" name="frame1">
	</frameset>
</html>
＜説明＞
　・横に２分割する場合は、「cols="左幅の値,右幅の値"」（値はピクセル）
　・横に３分割する場合は、「cols="左幅の値,中央幅の値,右幅の値"」
　・「 * 」印は、残りの数値を表す。
　・ブラウザの表示画面の割合で表す場合は、「cols="*,15%"」とする。
　・メニューなどの場合は、ピクセルで幅を固定する方が都合がよい。
▼
▼
  ３；上側メニューの場合 ■ ▼ ▲ 
↑
80①
↓
↑

残り（ * ）②

↓

＜例＞　　参考フレーム

　 
<html><head><title>アッhan!</title></head>
	<frameset rows="80,*">
		<frame src="index0.html" name="frame1">
		<frame src="headline.cgi" name="frame2">
	</frameset>
</html>
＜説明＞
　・縦に２分割する場合は、「rows="上部の値,下部の値"」（値はピクセル）
　・縦に３分割する場合は、「rows="上部の値,中央の値,下部の値"」
　・「 * 」印は、残りの数値を表す。
　・ブラウザの表示画面の割合で表す場合は、「rows="15%,*"」とする。
　・メニューなどの場合は、ピクセルで幅を固定する方が都合がよい。
▼
▼
  ４；ボーダーに色を付ける場合 ■ ▼ ▲ 
 112①
←　→
 残り（ * ）②
←－－－－－→

＜例＞　　参考フレーム

　 
<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>
▼
▼

  ５；ボーダーを無くす場合 ■ ▼ ▲ 
 112①
←　→
 残り（ * ）②
←－－－－－→

＜例＞　　参考フレーム

　 
<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"　または、不用
▼
▼
  ６；スクロールバーを表示しない場合 ■ ▼ ▲ 
 112①
←　→
 残り（ * ）②
←－－－－－→

＜例＞　参考フレーム

　 
<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"を無くすフレーム部分に書き加える
▼
▼

  ７；左上下分割メニューの場合 ■ ▼ ▲ 
↑
80①
↓		10④
←→
 残り（ * ）③
←－－－－－→
112②
←　→

＜例＞　　参考フレーム

　 
<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.