忍者メールフォームを使ってみた～

忍者さんのメールフォーム、うちも案の定半角英数字以外を使っていて送信できないでいたのですが（笑）あっという間に直されていたので使ってみます（'-'*
ちゃんと送れた～

とりあえず気になったのが、ブログのサイドバーに設置した時のパーツの行間。
divの後にbrが入っているのでパーツごとにできる隙間がちょっと大きかったもので早速行間を縮めてみる。
うん、いいかんじ～

ちなみに配布されるタグのJavaScriptのアドレスをブラウザで開くと詳しい構成が見れたりなんかしてスタイルつけるのに便利だったりとかします。

うちでつけたスタイルは下の部分のみで、行間詰めてるだけです。
（この他のパーツを使う場合はもっと指定増やさないといけませんが…）
フォームの見た目はとくに指定しなければテンプレートのフォームの設定がそのまま適応されます。
ちなみに最下部の「presented by SHINOBI.JP」は直書きスタイルシートでの固定設定なのでフォントサイズ等の変更はできません。（する必要もなさげですが）

div.name_top br {
line-height: 2px;
}
div.mail_top br {
line-height: 2px;
}
div.title_top br{
line-height: 2px;
}
div.url_top br{
line-height: 2px;
}

ひとまとめに指定もできますが、ひとまとめ用のはスタイルシートのID名がメールフォームにつけたIDで変わるのでちょっと説明が面倒だったりとか（汗）

自作CSS＞メールフォームのＣＳＳの雛形の
「//メールフォームの一番上のＩＤ」のすぐ下にあるやつをコピーして

#つけたID_top br {
line-height: 2px;
}
とすると、どんなにパーツを増やしてもこれ一個で行間が詰まります。

一番最初に用意されてるフォームだと以下のようになります。
#default_top br {
line-height: 2px;
}