« cssを使って全体を真ん中に | トップページ | 1つ前のページに戻る(HTML) »

2012/09/27

FC2メールフォーム

サイトがほとんど出来たので
無料レンタルサーバーに登録するコトにして

今回はFC2ホームページにしました。

ブログは使ったコトあるんだけど
ホームページは初★

メールフォームを使いたいけどCGI使用不可
だけど

【FC2メールフォーム】

ってのがあったので、これで代用するコトに。

ただこれが曲者でした。。。

元々あるデザインで設定していって作って
ある程度自分でCSSでカスタマイズでは出来るんだけど
tableタグで作られてるし、アタシが作りたいのはそんなに項目がないサッパリしたフォームが良かったので、今回は

【パーツ利用の設置用タグデザイン設定】

というので作るコトにしました。

自分のサイトに出来てるコードを埋め込むんだけど
これは、サイトの埋め込みたいトコに入れるだけ★
divとかformとかの間に入れるとCSSで設定しやすい!

ただCSSでカスタマイズするのに悪戦苦闘しました。
探しても詳しく載せてる人いないし・・・・

なのでCSSの覚書です。

/**form全体**/
#fc2form {}

/**入力項目の枠**/
input,textarea {}

/**上部**/
#fc2form .toparea{}

/**【タイトル・メッセージ・禁止ワード・送信制限】で登録したメッセージ**/
#fc2form .message{}

/**エラーメッセージ**/
#fc2form #coution1{}

/**必須マーク(*)部分**/
#fc2form #coution2{}

/**項目名**/
#fc2form .title{}

/**入力項目**/
#fc2form .comment{}

/**ボタン位置**/
#fc2form .submit{}

/**ボタンのデザイン**/
#fc2form .button{}

/**下部**/
#fc2form .bottomarea{}

ここまでが記載されてるCSS。

フォームの一番下に
【FC2メールフォーム】
という記載がのります。
そこのカスタマイズは

a {}

で設定するか
埋め込むコードの間にid属性を
<form id="">
などと設定してCSSでカスタマイズするか

【FC2メールフォーム】は<div id="フォームの番号">になってるのでCSSで指定してあげれば変更できます。
フォーム番号は、FC2メールフォームにログインして
【フォーム一覧】で編集に入ると、左上あたりに
【現在選択中のフォーム】がある
そこの最後にあるid=○○○の番号を入れればOKだと思う。

アタシはサイトをUPしてない状態でソースを確認したトキに発見したから
これで大丈夫だと思う。

間違ってたらごめんなさい。

そして分りずらくてごめんなさい。

« cssを使って全体を真ん中に | トップページ | 1つ前のページに戻る(HTML) »

CSS」カテゴリの記事

コメント

この記事へのコメントは終了しました。

トラックバック


この記事へのトラックバック一覧です: FC2メールフォーム:

« cssを使って全体を真ん中に | トップページ | 1つ前のページに戻る(HTML) »