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

2015年6月24日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などについては、下記のようなサイトが参考になりますので、もしよろしかったらご利用ください。

• HTMLクイックリファレンス
• CSSの書き方