[戻る]
No.1502

問合せフォーム

まいまいさん  投稿日:2015/03/31(Tue) 21:42
key

問合せフォームの画像や背景を変更するにはどうすればよいのでしょうか?

Re: 問合せフォーム

おたすけマイショップさん  2015/04/01(Wed) 16:26 No.1503
key

問合せフォームの画像というのは、[送信]ボタンや[close]ボタンの事でしょうか?
これらのボタンは画像ではなく、スタイルシートにて色等を指定しています。

この色を変更(または画像に差し替え)することと、お問合せフォームに背景を入れる方法を説明いたします。

※こちらは標準モードでのご案内です。

PC用HTMLページ一覧(店長ナビ>デザイン設定>適用中のHTMLページリンク)から、お問い合わせページの[編集]ボタンを押します。

表示されるHTMLコードの以下の場所にスタイルを追加します。

<div class="close_link" onclick="window.close();"><span>&#12312;&nbsp;CLOSE&nbsp;&#12313;</span></div>
<br />

【こちらにスタイルを追加】

<!-- APP CONTENT -->
{$$ APP CONTENT $$}
<!-- / APP CONTENT -->


追加するスタイルは、以下のサンプルを編集して追加して下さい。
追加後、保存すれば適用されますので、ご確認ください。


<style>
.app_content{
【ページの背景】
}
.close_link{
【closeボタンの背景】
}
.item_contact a .item_contact_link_val, .item_contact_send_btn{
【送信ボタンの背景】
}
</style>


【ページの背景】
・背景色を変更する場合は以下を追加して下さい。
background:#ff0000;
 (こちらは赤色のコードです。お好みの色コードに変更して下さい)

・画像を背景とする場合は以下を追加して下さい。
background-image: url(【画像のURL】);
 ※画像のURLはリソースマネージャー等に保存した後に表示されるパスを貼り付けてください。

・画像を背景とし、画像を繰り返し表示させない場合は以下を追加して下さい。
background-repeat: no-repeat;

・左上に画像を表示させる場合は以下を追加して下さい。
background-repeat: no-repeat;
background-position: left top;


【closeボタンの背景】
・ボタンの色を変更する場合は以下を追加して下さい。
background:#ff0000;
 (こちらは赤色のコードです。お好みの色コードに変更して下さい)

・ボタンの画像を背景とする場合は以下を追加して下さい。
background-image: url(【画像のURL】);
 ※画像のURLはリソースマネージャー等に保存した後に表示されるパスを貼り付けてください。


【送信ボタンの背景】
・ボタンの色を変更する場合は以下を追加して下さい。
background:#ff0000;
 (こちらは赤色のコードです。お好みの色コードに変更して下さい)

・ボタンの画像を背景とする場合は以下を追加して下さい。
background-image: url(【画像のURL】);
 ※画像のURLはリソースマネージャー等に保存した後に表示されるパスを貼り付けてください。


わかりにくい説明で申し訳ございませんが、説明は以上です。



返信
*おなまえ
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)

無料で本格的なネットショップ開業できるのは『イージーマイショップ』