コメント表示部分の背景色を変えましょう♪ yozoの気が向いたと記2.0

コメント表示部分の背景色を変えましょう♪

記事の下のCommentsをクリックして開くコメント表示部分の背景色を変えて、記事とコメントの区別をつけやすくしましょう♪

[ブログ設定]－[スキン変更]－[現在使用中のスキン]の「編集」をクリックして「■ CSS編集」の中でクリックします。（「■ CSS編集」の中であればどこでも構いません。）
[Ctrl]＋[F]([Ctrl]キーを押しながら[F]キーを押す意味です。)で、検索ダイアログが開きますから、これにDIV.COMMENT(小文字でdiv.commentとしてもＯＫ)と入力して、検索してください。

DIV.COMMENTの｛　｝の中のBACKGROUNDのカラーコードを変更するだけです。
必ずバックアップしましょう！
いつも書いてますが、編集する前に、必ずCSSのコードをコピーして、「css_bk.txt」(例)のようにバックアップファイルを作成しておきましょうね。失敗しても、「css_bk.txt」の内容をコピペすれば、元にもどせますよ♪

DIV.COMMENT{
BORDER : 1px solid #D3D3D3;
BACKGROUND :#F9F0BA;
PADDING : 10px 5px;
margin-top: 20px;
}
※BACKGROUND :#F9F0BA;は色カラーコードです。
この数値はお好みで変更してくださいね。
また、BACKGROUNDは小文字でbackgroundでも問題ありませんし、background-colorと書いても同じですよ。background-colorと書いた方が見やすいコードになりますね。
background-image: url("http://pds.exblog.~省略~/□☆○1.gif");として、画像を設置してもおもしろいですよね。

「プレビュー」で確認してから、「保存」してください。

<yozoからのお願い>

私がここで紹介している方法、ただ、自分がTRYしたことを書いているだけです。もっと簡単で、すばらしい方法もあると思います。ただ、言うまでもありませんが、参考にされるのでしたら、「スキン（テンプレート）改造」は自己責任で行ってください。そして、改造前には必ずバックアップを取っておきましょうね。もし、この記事が「役に立った」とか「わかりやすかった」というのでしたら、よろしければコメントやトラックバックしていただけたら、うれしいです。もちろん、「これではおかしいのでは？」とか「こうしたほうが良い。」というご指摘やご指導もありがたく頂戴したいと思っています。よろしくご協力ください。　m(_ _)m

←ぼちっと応援お願いします♪ m(_ _)m

yozoさん、こんばんは♪(o'▽')
これも分かりやすい記事ですね!!まゆびはカスタマイズをしたときにやっぱりひとつずつ実際にやってみないと身につかないなぁと実感しました。こうしてひとつずつ説明してくださると、どこから手をつけたらいいかが分かっていいと思います!!(*'ｰ')

Posted by まゆび at 2006.05.03 23:37 | edit

こんばんは♪
PC初心者＆アナログ人間にはまだまだ未知数の世界です(ｏ´_｀ｏ)ﾊｧ･･･
これはlivedoorでも同じことですか？ってこんな質問は邪道ですかい？
だってアナログなんだも～ん

Posted by ﾏﾐｰ at 2006.05.03 23:47 | edit

yozoさん、こんばんは～♪
いつも、参考にさせていただいてます。
早速、コメント表示部分の背景色を、変えてみました（＾＾）
これから少しずつ、試していきたいと思ってますので、よろしくお願いします。

Posted by fukurou-yado at 2006.05.04 01:08 | edit

>まゆびさん、おはよーございまっす♪
＞これも分かりやすい記事ですね!!
ありがとうございまっす。本当に励みになりますよ♪　m(_ _)m
カスタマイズは出来たら「よぉ~し♪」となって終わりにしちゃうことが、多かったのですが、いざもう一度違うものに変更しようとするとすっかり忘れていることが多くて、また調べ直すというムダをしていましたので、備忘録のつもりで・・・どうせなら、お友達にもわかるようにって思って書いてますよ♪(o^∇^o)ﾉ

Posted by yoblog at 2006.05.04 11:51 | edit

＞ﾏﾐｰさん、おはよーございまっす♪
＞PC初心者＆アナログ人間には
＞まだまだ未知数の世界です(ｏ´_｀ｏ)ﾊｧ･･･
あはは・・・yozoも未だに手探りでやってますよ。みなさんの指摘に教えられることもたくさんです　（;´▽｀A``
＞これはlivedoorでも同じことですか？
＞ってこんな質問は邪道ですかい？だってアナログなんだも～ん
ふふふ・・・全然ＯＫですよ♪同じですがlivedoorの場合は、
DIV.COMMENTでなく、#trackbackbody,#commentbodyです。
詳しくはこの記事にyozoの別ブログ記事のトラバを入れましたので、
そちらをたどってご覧になってください。もちろんわからないことがありましたら、その記事に遠慮なくコメントをいれてくださいね♪
http://blog.livedoor.jp/yozoblog/archives/50360061.html

Posted by yoblog at 2006.05.04 11:57 | edit

＞fukurou-yadoさん、こんにちはー♪いらっしゃいませー♪
＞いつも、参考にさせていただいてます。
ありがとうございまっす　m(_ _)m
お役に立ててうれしいですよー♪　(*´∇｀*)
＞早速、コメント表示部分の背景色を、変えてみました（＾＾）
わぁ~♪そーなんですか♪早速お邪魔しに行きますねー♪(^○^)
＞これから少しずつ、試していきたいと思ってますので、
＞よろしくお願いします。
はい♪いつでもその気になったときに、やってみてくださいね。
こちらこそ、今後ともよろしくお願いしまーす　m(_ _)m

Posted by yoblog at 2006.05.04 12:15 | edit

yozoの気が向いたと記2.0

BlogPet、季節、時事、日々の出来事etcをつづっています。コメントしていただけると、とてもうれしいです♪

スポンサーサイト