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

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

 

[オレンジメール]ー[プラン名]-[読者登録解除タグ出力]

登録フォーム HTMLタグの例

<!–▼オレンジメールのかんたん登録フォームはここから▼–>
<style type=”text/css”>
<!–
.OM_table{width:250px;border-collapse:collapse;border:1px solid #ff7907;background-color:#fff1c8;}
.OM_table tr td{text-align:center;}
.OM_top{border:0;font-size:12px;padding:5px 0 5px 0;background-color:#ff7907;color:#fff;font-weight:bold;text-align:center;}
.OM_left{border:0;font-size:12px;padding:10px 5px 0 10px;text-align:center;width:90px;font-weight:bold;}
.OM_center{border:0;font-size:12px;padding:10px 5px 0 10px;text-align:center;font-weight:bold;}
.OM_right{border:0;font-size:12px;padding:10px 10px 0 0;}
.OM_submit{border:0;font-size:12px;padding:10px 0 10px 0;text-align:center;}
.OM_bottom{border:0;font-size:10px;padding:5px 0 0 0;text-align:center;line-height:16px;}
.OM_seimei{width:50px;}
.OM_mail{width:160px;}
.OM_left2{border:0;font-size:12px;padding:10px 5px 0 10px;text-align:center;width:150px;font-weight:bold;}
.OM_mail2{width:145px;}
#OM_link:hover{border-bottom:1px dotted #1393ff;}
//–>
</style>
<form method=”post” action=”XXXXXXXXXXXXXXXXXXX” target=”_blank”>
<input type=”hidden” name=”hash” value=”xxxx” />
<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”>新しいプラン1</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=”XXXXXXXXXXXXXX” style=”text-decoration:none;color:#999″ target=”_blank”>メール配信システム オレンジメール</a></td></tr>
</table>
</form>
<!–▲オレンジメールのかんたん登録フォームはここまで▲–>

 

フォームの色を変更する

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

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

(変更前).OM_table{width:250px;border-collapse:collapse;border:1px solid #ff7907;background-color:#fff1c8;}

(変更後).OM_table{width:250px;border-collapse:collapse;border:1px solid #ff7907;background-color:#d3d3d3;}

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

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

 

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

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

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

(変更前).OM_table{width:250px;border-collapse:collapse;border:1px solid #ff7907;background-color:#fff1c8;}

(変更後).OM_table{width:300px;border-collapse:collapse;border:1px solid #ff7907;background-color:#fff1c8;}

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

 

 


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

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

HTMLクイックリファレンス

CSSの書き方