フレーム作成ツール

無料・有料 レンタルサーバー比較


フレームタグを生成できるツールです。各フレームのサイズや境界線、スクロールバー、余白、フレーム名などを設定することができます(「境界線の色」はOperaでは未対応)。

分割のタイプを選択すると設定項目が表示されます。設定を変更したら「更新する」ボタンを押して表示確認してください。

フレームタグカテゴリー


分割タイプの選択

選択されたフレームのサンプルは、新規ウィンドウ(サンプル画面)で表示されます。


タイプ1 タイプ2 タイプ3
タイプ1 タイプ2 タイプ3

以下の項目で設定を変更すると、その内容がサンプル画面内に反映されます。

フレームの設定

分割タイプを選択すると、ここに設定項目が表示されます。

フレーム タイプ1
【フレーム全体の設定】
境界線の幅 (ピクセル数) … 0を指定すると境界線なし
境界線の色 色見本
【各フレームの設定】
対象フレーム Aフレーム Bフレーム Cフレーム
サイズ 高さ 横幅 横幅 (ピクセル数・%・*)
サイズの変更 (境界線の移動)
フレーム名 (半角英数)
スクロールバー
余白(左右) (ピクセル数)
余白(上下) (ピクセル数)
フレーム タイプ2
【フレーム全体の設定】
境界線の幅 (ピクセル数) … 0を指定すると境界線なし
境界線の色 色見本
【各フレームの設定】
対象フレーム Aフレーム Bフレーム Cフレーム
サイズ 高さ 高さ (ピクセル数・%・*)
サイズの変更 (境界線の移動)
フレーム名 (半角英数)
スクロールバー
余白(左右) (ピクセル数)
余白(上下) (ピクセル数)
フレーム タイプ3
【フレーム全体の設定】
境界線の幅 (ピクセル数) … 0を指定すると境界線なし
境界線の色 色見本
【各フレームの設定】
対象フレーム Aフレーム Bフレーム Cフレーム
サイズ 横幅 横幅 (ピクセル数・%・*)
サイズの変更 (境界線の移動)
フレーム名 (半角英数)
スクロールバー
余白(左右) (ピクセル数)
余白(上下) (ピクセル数)

【コードの表示】   

使い方

フレームの表示を実際に確認しながら、各種設定を行うことができます。設定を完了したコードはテキストエリアに表示されるので、それをコピーしてお使いください。

  • まず「分割タイプの選択」でフレームの分割方法を選択してください。新規ウィンドウでサンプル画面が表示され、同時に設定項目が表示されます。
  • 各設定項目でフレームの設定を行ってください。設定内容の詳細は「フレームタグカテゴリー」でご覧になれます。
  • 内容を書き換えただけではサンプルの表示に反映されませんので、設定を変更したら「更新する」ボタンを押して表示確認してください。(フレーム内のページを読み込む必要があるため、ボタン操作のみの更新とさせていただきました)
  • コード内の「Aフレームのページ」「Bフレームのページ」「Cフレームのページ」と書かれている部分には、そのフレームに読み込むページのURLを指定してください。
  • フレーム内に読み込むページは、別途ご自分で用意してください。
  • このツールはJavaScriptで作成されています。JavaScriptを利用できない環境では動作しません。

参考

  • 「フレーム名」とは、リンクを設定する際に必要となるものです。このフレーム名には、アルファベットで始まる半角英数字(一部の記号も使用可)で好きな名前を指定できます。
  • 「ここに未対応ブラウザ向けの内容」と書かれた部分は、フレーム未対応ブラウザで表示されます。対応しているブラウザではこの部分は表示されません。
  • 設定内容によっては、生成されるコードに独自拡張の属性が含まれる場合があります。


inserted by FC2 system