ワイメール 公式オンラインヘルプ

  • フォントサイズを大きくする
  • デフォルトフォントサイズ
  • フォントサイズを小さく
Home フォーム関連 オリジナルの送信ボタン画像を使用するにはどうすればよいですか?

オリジナルの送信ボタン画像を使用するにはどうすればよいですか?

Eメール 印刷 PDF

フォームや自動出力される確認画面などの、見た目のデザインは、フォームのHTMLコードと一緒に出力されるCSS部分を編集していただくことで変更可能です。

フォームを直接表示およびiframe形式でご利用の場合は、「デフォルト表示設定」メニューより行っていただけます。

フォームの送信ボタンの画像を変更するには、CSSで定義されている以下のセクション内にある、「background-image : url('http://m.y-ml.com/img/ms_cp_btn*.gif');」のURL値を変更します。

  • .ms_form_btn{...}

また必要にお応じて、幅(width)や高さ(height)、文字色(color)などを適宜調整してください。

文字を表示させたくない場合、直接表示/iframe形式のフォームを利用する際は、同セクションに「text-indent: -9000px;」を追記するなどして、文字を不可視化してください。ご自身のWEBサイトなどに貼り付けた場合は「<input type='submit' name='regist' class='ms_form_btn' value='  送 信  ' />」のvalue値を削除することでも対応できます。

※/*と*/で囲まれた部分は、CSS上のコメント(無効)を意味します。

修正が完了し、プレビューを確認したら、「保存」をクリックして修正内容を反映させます。

フィーチャーフォン、スマートフォン用のソースについても、必要に応じて同じように修正を行ってください。

 

確認画面や完了画面など、その他の自動出力される画面も、上記と同様に、該当するCSS定義部分を見つけて、任意に修正を行ってください。

 

※上記のデザインは本記事執筆時のデザインです。今後のバージョンアップなどにより変更される場合があります。

※HTMLやCSSに関する詳細は、各自関連WEBサイトや入門書等をご参照ください。

 

 

 

最終更新 2016年 12月 07日(水曜日) 17:33