オレンジフォームの送信ボタンを自作のボタンに変更する方法

当ページのリンクには広告が含まれている場合があります。

ららです。

  

こちらの記事で、シリウスにオレンジフォームを埋め込む話をしたのですが、

あわせて読みたい
オレンジフォームの入力内容がシリウスで文字化けする原因と対処法 シリウスのサイトにオレンジフォームを埋め込んだら、入力データが文字化けしちゃった!という現象が起こりました。 せっかく登録していただいたデータを無駄にしちゃわないために、シリウスにオレンジフォームを埋め込む際の注意点をご紹介します。これはとっても大事なことです。

ついでに、送信ボタンを自作のボタンに変えてみました。

  

これがデフォルト。

  

それをこうしてみました。

  

ボタンのデザインは、自分で作るのでお好みのものを作ってください。
私はGIMPでちゃちゃっと作ってみました。

これのやり方をご紹介します。
(画像の作り方は、いつかの機会に…)

  

目次

オレンジフォームの送信ボタンを自作のボタンに変更する方法

まずは画像を用意します。
サイズは、フォームに合わせた小さめのものにしてください。

  

それを、シリウスの「画像管理」の中に放り込みます。

  

で、オレンジフォームのコードの部分の、最後の方のココ。
value=”送信” と書いてあるこの1行を変更します。

  
こうします。

  

具体的には、

  • 「type=”button”」を「type=”image”」に。
  • そのすぐ後ろに「src=”./img/(画像名)”」を追加

それだけです。

これだけで、送信ボタンが変わりました。

  

おそらく、ボタンの画像を作るのが一番の難関だと思うのですが、
そこが軽くクリアできる方は、ぜひやってみてください^^

お問い合わせはこちらからお気軽に♪

応援してくれたら嬉しいです

記事が役に立ったら、ここをクリックして応援をお願いします。

私が稼げるようになった教材

アンリミテッドアフィリエイト
ごくごく普通の主婦だった私が、累計800万円以上稼げたのは、この教材を購入して作業をしたから。
詳細は、こちらのページでご紹介しています。
>>アンリミテッドアフィリエイトらら流レビュー
私がここまでたどった経験を元にした特典と、濃厚すぎるサポートも差し上げています。

無料レポートを書かずにメルマガ読者を全自動で集める方法!

役に立つと思ったらシェアしてね!
  • URLをコピーしました!

この記事を書いた人

ららです。
2人の子供はもう成人した50代主婦です。10年ほど前から、主婦業・母親業の隙間時間でアフィリエイトに挑戦。パート時代の約6倍の月収を達成することができました。

超マイペースで超怠惰で超食いしん坊の私でもできたその秘密は、とにかく諦めないこと!
これから始めるあなたに私の経験をお伝えするため、ブログ・メルマガで情報を配信するとともに、サポートやコンサルを行っています。常に初心者さん目線を忘れない安心できるブログを目指してますので、どうぞ何でもご相談くださいね。

コメント

コメントする

目次