今回はCyfonsの登録フォームを、LPテンプレートColorful用にデザインをカスタマイズしてみます。

LPテンプレートColorfulは誰でも直感操作でカンタンにLPが作れる便利なテンプレートなのですが、例のごとくCyfonsの登録フォームをベタ貼りだと見栄えが良くない・・・ということで簡単なCSS設定で最低限のデザインをしていきましょー。

スポンサーリンク

ColorfulのページでCyfons登録フォームのHTMLを貼る

例のごとくCyfonsのHTMLをテキストエディタで貼りましょう。

今回のサンプルページ

 

 

CSSでフォームのデザインをする

次にjetpackのカスタムCSSなどの機能を使って、以下のCSSを記述。

こんな感じ。ちょっと全体的にデカイ?(笑)
cyfons_colorful_customize1