みなさんがコメントをくれるコメント欄。ちょっと愛想よくお出迎えしたいですよね。
これは、CSS編集欄に追加するだけのとても簡単なものなので、ぜひお試し下さい!

【コメント背景画像を用意する】素材は素材のオススメをリンクしているので、良ければお探し下さい♪

素材を用意できたら、壁紙の画像をアップロードするところだけ少し読んでいただいて、素材のurlをコピーしてください。

【CSS編集欄で】

編集欄、わりと下のほうに行くと
DIV.COMMENTと書いてあるところが見つかると思います。
このクラス名からして、コメントの欄であることが推測できたので、
ここへ背景画像を設定したいとおもいます。
下記の{}の中を自分好みに設定することで、独自コメント欄できあがり!
日本語部分だけ削除して先ほどコピーした画像のURLに置き換えてください。
(URL部分だけです)


DIV.COMMENT
{ BORDER : 1PX #D3D3D3 SOLID; background-image:url(ここに、先ほどコピーした画像のurlを貼り付けカッコは消さないで!);
background-position:right;
background-repeat:repeat-y;
PADDING : 15PX;
MARGIN : 20PX 0PX; }


↑のタグでは、背景に画像、その画像を右に縦だけ繰り返しとなっています。
background-position:right; を background-position:left; にすると左寄せに
なります。このleftとかrightをbottom(下)top(上)にすることも可能。

background-repeat:repeat-y; を background-repeat:repeat-x; にすると
横だけ繰り返し表示になります。他に、repeat-yやrepeat-xをno-repeatにすると、
画像の繰り返しはなくなり、1個だけ表示になります。

これら、背景画像のおき方は色々な所で活用できるので、
アチコチためしてみてもいいかも。
簡単に元に戻すためにはバックアップをとってから、してください。
バックアップは、この、HTML欄とCSS欄を丸ごとメモ帳や
メモ帳開くのが面倒な時は、メールの下書き保存なんかに貼り付けて
置いておくと良いです。
[PR]