スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

[ --/-- ] スポンサー広告 | トラックバック(-) | コメント(-)

Q.コメントを入力する文字色(背景)を変えることはできますか?[3]

A.
スタイルシートと1記事テンプレートを変更するとできます。
以下、変更方法


1.
文字サイズ=11px(記事本文より小さい)
文字の色=紺色
コメント入力部分(コメントフォーム)の背景色=ピンク
コメント入力部分(コメントフォーム)の背景画像=ご自分でご用意ください
コメント入力部分(コメントフォーム)の枠の種類と色と線の太さ=点線+ホットピンク+3px
とする場合は、スタイルシートの一番下に

input,textarea {
font-size: 11px;
/*文字のサイズ*/
color: #000080; /*文字の色*/
background-color: #ffc0cb; /*コメントフォーム背景色*/
background-image: url("コメントフォーム用背景画像URL"); /*コメントフォーム背景画像*/
border: 3px dotted #ff69b4; /*コメントフォーム枠*/
}
を書き加えます。

は同時に設定しても問題ありませんが、を同時に設定しても、より下に書いたものが優先されます。設置方法や画像によっては背景色が表示されます、背景画像のみ表示される場合あります。
背景画像(背景色)だけでよく片方が必要ない場合は必要としない方を書き加えないでください。
色はカラーコードを見て、コードを書き換えてください。

2.
更に、
.comment_form
{
PADDING: 8px;
FONT-WEIGHT: normal;
}

こちらも1.の下に書き加えます。

3.
1記事テンプレートの133行目付近に
<textarea name="comment" rows="10" style="width: 95%;" class="entry_text">{$CommentValueComment$}</textarea>
と、いうのがあります。

4.
それを…
<textarea name="comment" rows="10" style="width: 95%;" class="comment_form">{$CommentValueComment$}</textarea>
赤文字のところを変更します。
スポンサーサイト
[ 02/16 ] [記事]3カラムpink | トラックバック(-) | コメント(-)

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。