スポンサーサイト

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

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

Q.コメントを入力する文字色(背景)を変えたい[2右]

A.
スタイルシートを変更するとできます。
以下、変更方法


1.
スタイルシートの28~34行目付近に
h1,h2,h3,h4,h5,div,ul,table,img,form,input,option,textarea {
margin:0;
padding:0;
border:0;
font-weight:normal;
font-size:12px;
}

というのがあります。

2.
1.を…
h1,h2,h3,h4,h5,div,ul,table,img {
margin:0;
padding:0;
border:0;
font-weight:normal;
font-size:12px;
}

このように赤文字のところを削除します。

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

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

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

4.
1記事テンプレートの123行目付近に
<td><textarea name="comment" id="comment" rows="10" wrap="soft" class="ipt m" style="width:380px;ime-mode:active;">{$CommentValueComment$}</textarea></td>
というのがあります。

5.
4.
を…
<td><textarea name="comment" id="comment" rows="10" wrap="soft" class="ipt" style="width:380px;ime-mode:active;">{$CommentValueComment$}</textarea></td>
このように、赤文字のところを変更します。

この変更では、送信ボタンの文字サイズは一緒に変更になりません。
スポンサーサイト
[ 06/05 ] [記事]2カラムblue 右サイドバー | トラックバック(-) | コメント(-)

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