ホームページビルダー・グレート初心者講座

　フォームのボタンを画像にする

フォーム内容を送信するボタンやリセット用のボタンを画像にしてみます。

　サンプル

下のように、送信ボタン、リセットボタンを画像にする事ができます。
送信ボタンはビルダーの通常操作で簡単にできますが、リセットボタンを
画像にする場合は、少し面倒な作業が必要です。

メール送信フォーム

お名前
メールアドレス
ネット経験		１年未満　１～５年　５年以上
ご意見

　送信ボタン

送信ボタンを画像にする場合は、ビルダーの通常操作で行えます。

１．　送信ボタンを挿入する
ビルダー上部のメニューから、【挿入】 → 【入力部品】 → 【プッシュボタン】と辿り、【画像ボタン】を選択します。

２．　画像を指定する
【参照】ボタンを押して、送信ボタンに設定したい画像を選択し保存します。

既に設置されているボタンを修正する場合は、送信ボタンを右クリックし【属性の変更】を選択、【ボタンの種類】で画像ボタンを選択した後、【参照】ボタンを押して画像を選択します。

　リセットボタン

リセットボタンは送信ボタンと違い、ビルダーの通常操作では設定できません。
以下の方法でリセットボタンも画像ボタンにする事ができます。

１．　リセットボタンを挿入する
リセットボタンを挿入したい位置をクリックしカーソルを表示させた後、ビルダー上部のメニューから、【ツール】 → 【タグ挿入】と選択し、
【タグ】の中から【ＢＵＴＴＯＮ】を選択し【挿入】を押します。

【ボタンの種類】のラジオボタンを【リセット】にし、【ＯＫ】を押します。

２．　画像を挿入する
リセットボタンとして使用したい画像を、ページの適当な位置に挿入します。
この画像は挿入後は不要ですので、設定後はページから消しておきます。
！画像ファイル自体は削除しないで下さい。

３．　画像をコピーする
画像を右クリックし、【コピー】を選択します。

４．　設定する
先ほどリセットボタンを挿入した位置に　　 ← がありますので、この何も表示されていないボタンをクリックします。
そのまま【ＨＴＭＬソース】ボタンをおし、ソースを表示します。

ソース表示すると、<BUTTON type="reset">　と　</BUTTON>　の間にカーソルがあると思いますので、その位置で右クリックをし、【貼り付け】をします。

４．　設定する
【ページ編集】画面に戻ると、　　 ← こんな状態に
なっていますので、スタイルを適用して灰色の部分を見えないようにします。

灰色の部分を右クリックし、ボタン全体をピンクのターゲット枠で囲います。
【スタイルの設定】を押し、【現在のタグのみに・・・】の【編集】ボタンを押します。

【カラーと背景】のタブを押し、【背景色】をページと同じ色にします。
サンプルの場合、背景が白ですので、白を選択します。

次に【レイアウト】タブをクリックし、【ボーダー】の項目にある【予約語】と記載されているオプションメニューを【ピクセル】にし、【幅】を【0】にします。
これで完了ですので、【ＯＫ】ボタンを押しページ編集画面に戻ります。

【上手く出来ない場合は・・・】
上手く出来ない場合は、設定を修正するのではなく、【元に戻す】ボタンで戻し、手順を確認しながら再度設定を行って下さい。