コメント確認ページのデザインを変更する

画像を用いた記事のデザインコメント欄のデザインで記事コンテンツとコメント欄のデザインを変更しました。
これに合わせてコメントの投稿確認ページのデザインも統一しました。

コメントの投稿確認ページ

このカスタマイズはページ全体のHTML編集です。マイブログメニューの[デザイン]⇒[HTML]から編集を行います。ソース下段あたりに次の記述があります。

<% if:page_name eq 'comment' -%>
<div id="comments">
<div class="comments-head">"<% article.subject | tag_break %>"へのコメント<br /></div>
<div class="comments-head">コメントを書く</div>
<form action="/pages/user/comments2/regist/input" method="post">
<input type="hidden" name="article_id" value="" />
<input type="hidden" name="article_child__article_id" value="" />
<div class="comments-body">
お名前: <% article_child__writer | html %><br />
<input type="hidden" name="article_child__writer" value="" /><br />
メールアドレス: <% article_child__email | html %> <br />
<input type="hidden" name="article_child__email" value="" /><br />
ホームページアドレス: <% article_child__homepage | html %><br />
<input type="hidden" name="article_child__homepage" size="50" value="" /><br />
コメント: <br />
<% article_child__body | html | nl2br | clickable('target="_blank" rel="nofollow"') %>
<input type="hidden" name="article_child__body"><br />
<input name="posted" type="submit" class="input-submit" value="書き込む"> <br />
</div>
</form>
<form action="/pages/user/comments2/regist/input" method="post">
<div class="comments-body">
お名前: <br />
<input type="text" name="article_child__writer" size="50" value="" /><br />
メールアドレス: <br />
<input type="text" name="article_child__email" size="50" value="" /><br />
ホームページアドレス: <br />
<input type="text" name="article_child__homepage" size="50" value="" /><br />
コメント: <br />
<textarea name="article_child__body" rows="10" cols="50"></textarea><br />
<input type="hidden" name="article_child__article_id" value="" />
<input type="hidden" name="article_id" value="" />
<input name="need_confirm" type="submit" class="input-submit" value="確認する" /><input name="posted" type="submit" class="input-submit" value="書き込む" />
</div>
</form>
</div>
<% /if -%>

<% if:page_name eq 'comment' -%>〜<% /if -%>がコメントの投稿確認ページに関する記述です。

コメント欄のデザインで作成したcomments-top.png、comments-middle.png、comments-bottom.pngを用いてコメントの投稿確認ページをデザインしました。デザイン方法は画像を用いた記事のデザインをご参照下さい。

関連記事:画像を用いた記事のデザインコメント欄のデザイン
トップページへ戻る

サイトマップ

Seesaaブログのカスタマイズ > コメント、トラックバック > コメント確認ページのデザイン
スタイルシート カスタマイズ

スタイルシート作成ツール

HTMLカスタマイズ
サイト全体

記事コンテンツ

コメント、トラックバック
新着記事

カテゴリ

最近のコメント、トラックバック

検索ページ

その他