2007年2月23日
行儀の良いコメントフォーム
Posted by @Style : 
02:58
| 
コメント (0)
| 
トラックバック (0)
MovableTypeのコメントフォーム周りをちょこっとカスタマイズ。
stylesheet.tmplを編集することによってlabel要素とinput要素を行儀良く横並びにしてみる。
individual_entry_archive.tmplのlabel要素とinput要素の関係は以下の様になっている。
<p>
<label for="comment-author"><MT_TRANS phrase="Name">:</label>
<input id="comment-author" name="author" size="30" />
</p>デフォルトのスタイルシートではlabel要素をブロックに変更してある。ソースに改行は入っていないが、上下に表示されているのでstylesheet.tmplの以下の部分を削除する
.comments-open label { display: block; }label {
margin-bottom: 0.5em;
width: 10em;
float: left;
clear: both;
white-space: nowrap;
}デフォルトテンプレートでの表示
fieldsetを追加するとなお良し
前のエントリー：文字サイズを考える
次のエントリー：accesskey
関連記事
- HTML5のMovable Type 5テーマ完成しました
- HTML5のMovable Type 5テーマ作成中（その3）
- HTML5のMovable Type 5テーマ作成中（その2）
- MT5テーマを5,000円オフのキャンペーン
- HTML5のMovable Type 5テーマ作成中
- zenback ベータテスト開始！
- MovableType 4.2 2Column HTML5の解説（サイドバー）
- MovableType 4.2 2Column HTML5の解説（コメントフォーム）
- MovableType 4.2 2Column HTML5の解説（ブログ記事）
- MovableType 4.2 2Column HTML5の解説（幅の調整）
トラックバック
このエントリーのトラックバックURL:
http://atstyle.biz/blog/mt-tb.cgi/652
コメント
スポンサード リンク
