読者登録・変更・解除フォームの色やサイズを変更する

2023年10月18日

読者登録解除フォームは、お持ちのホームページやブログに埋め込むことができます。

埋め込むタグは
[オレンジメール]>[プラン名]>[読者登録&変更&解除フォーム(埋め込みHTML取得)] から確認できます。

 

 

登録フォーム HTMLタグの例

<!--▼オレンジメールのかんたん登録フォームはここから▼-->
<link rel="stylesheet" type="text/css" media="all" href="https://mail.os7.biz/current/css/eady_form.css" />
<form method="post" action="https://mail.os7.biz/pub/member_adddel/qcmw" target="_blank">
<input type="hidden" name="hash" value="qcmw" />
<input type="hidden" name="form_id" value="簡易フォーム" />
<input type="hidden" name="encoding_test" value="あいうえお眉幅ABC" />
<table class="OM_table">
<tr><td colspan="2" class="OM_top">オレンジメールよりご連絡</td></tr>
<tr><td colspan="2" class="OM_center">メールアドレス<br /><input type="text" name="mail" class="OM_mail"></td></tr>
<tr><td colspan="2" class="OM_submit"><input type="submit" name="submit_reg" value="登録"></td></tr>
<tr><td colspan="2" class="OM_bottom" style="color:#999">Powered by <a id="OM_link" href="https://mail.os7.biz/" style="text-decoration:none;color:#999" target="_blank">メール配信システム オレンジメール</a></td></tr>
</table>
</form>
<!--▲オレンジメールのかんたん登録フォームはここまで▲-->

フォームの色を変更する

フォームの色の指定はCSSという技術を使っています。

たとえば、フォームの背景色をグレーに変えたい場合は

(変更前)<table class="OM_table">

(変更後)<table class="OM_table" style="background-color:#d3d3d3;">

という風に、#で始まる色指定を変更します。

#で始まる色指定については、WEB色見本を参照ください。

 

フォームのサイズを変更する

フォームのサイズの指定はCSSという技術を使っています。

たとえば、フォームの幅を200pxにしたい場合は

(変更前)<table class="OM_table">

(変更後)<table class="OM_table" style="width:200px;">

という風に「width」でサイズを指定します。

 

※弊社のサポートは、パソコンサポートではなく、弊社製品のサポートとなっております。
大変恐れ入りますが、HTMLやCSSなどについては、一般的な知識や技術となり、当社製品ではないため、サポート対象外となっています。
あらかじめご了承ください。

HTMLやCSSなどについては、下記のようなサイトが参考になりますので、もしよろしかったらご利用ください。


お問い合わせは、お問い合わせフォームよりお願いいたします。

記事はいかがだったでしょうか?
ご意見・ご感想をお聞かせください




Powered by このフォームは『オレンジフォーム』で作成しています

本フォームに入力いただいた内容に対する個別の返答はできかねます。
返答が必要な場合は、お問い合わせフォームよりお願いいたします。