Ads By Google
コメント欄の文字の色を変えたい!!
Posted by ○○ 日付とコメントの文章の色が同じだと見にくいので
色を変ぇたいのですが・・・
どうすればぃぃですか??
教えて下さい。
2006-06-25 19:38の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2006-06-25 20:07:44

コメント欄のコメント文字色の変更の仕方は ・・・
管理画面に入って、カスタマイズ/管理 > デザインの設定 > カスタマイズ > を順にクリックしていくと CSS と 4つ の HTML のページが出てきます。
この内、CSS の以下の記述を変更します。
.trackbacktext,.commenttext{ } 内に、color:#○○○○○○; という部分があると思います。なければ追加して下さい。あればその中の #○○○○○○ を、お好きな任意の色コードに変更します。
これで CSS を保存。CSS の再構築をかけます。
※ -----
ちなみに、『 Posted by ○○ 日付..... 』 の行の変更箇所は、同じく CSS 内の、
.commentttl{ } の部分になります。この中に color:#○○○○○○; という部分があると思います。なければ追加して下さい。あればその中の #○○○○○○ を、お好きな任意の色コードに変更します。
そしてこのままではリンクが付いている部分~ 投稿者がアドレスを記載して投稿した場合は、そのハンドルネームにリンクが付きますが、それだけが変更されません。なので、あなたの CSS の中にそれの指示がすでにあれば良いのですが、なければ新たにそれを変更する記述を書き加えます。
a.posttitle{}
a.posttitle:link{color:#○○○○○○; text-decoration:none;}
a.posttitle:visited{color:#○○○○○○; text-decoration:none;}
a.posttitle:active{color:#○○○○○○; text-decoration:none;}
a.posttitle:hover{color:#□□□□□□; text-decoration:underline;}
最後の部分を違う色コードに変更する事で、マウスを乗せたときに文字色が変化します。text-decoration:none; の none は下線が無い事を示し、text-decoration:underline; の underline は下線が表示される事を示します。
管理画面に入って、カスタマイズ/管理 > デザインの設定 > カスタマイズ > を順にクリックしていくと CSS と 4つ の HTML のページが出てきます。
この内、CSS の以下の記述を変更します。
.trackbacktext,.commenttext{ } 内に、color:#○○○○○○; という部分があると思います。なければ追加して下さい。あればその中の #○○○○○○ を、お好きな任意の色コードに変更します。
これで CSS を保存。CSS の再構築をかけます。
※ -----
ちなみに、『 Posted by ○○ 日付..... 』 の行の変更箇所は、同じく CSS 内の、
.commentttl{ } の部分になります。この中に color:#○○○○○○; という部分があると思います。なければ追加して下さい。あればその中の #○○○○○○ を、お好きな任意の色コードに変更します。
そしてこのままではリンクが付いている部分~ 投稿者がアドレスを記載して投稿した場合は、そのハンドルネームにリンクが付きますが、それだけが変更されません。なので、あなたの CSS の中にそれの指示がすでにあれば良いのですが、なければ新たにそれを変更する記述を書き加えます。
a.posttitle{}
a.posttitle:link{color:#○○○○○○; text-decoration:none;}
a.posttitle:visited{color:#○○○○○○; text-decoration:none;}
a.posttitle:active{color:#○○○○○○; text-decoration:none;}
a.posttitle:hover{color:#□□□□□□; text-decoration:underline;}
最後の部分を違う色コードに変更する事で、マウスを乗せたときに文字色が変化します。text-decoration:none; の none は下線が無い事を示し、text-decoration:underline; の underline は下線が表示される事を示します。
回答レベル : 回答
Ads By Google
コメント(4)
#1. 060731
2006-06-25 20:29:46
AQさんの回答のとおりですが
color:#○○○○○○;
の○○○○○○の部分に入るのはカラーコードと呼ばれるものです
よくわからない場合は次のページが参考になると思います
http://www.finitojapan.com/cltable.html
また、スタイルシート(CSS)は使っているデザインごとで微妙に書かれ方が異なるので、よくわからないことがある場合は、自分の使っているデザインをここのコメント欄に書くと、もう少し詳しい説明ができるかもしれません
ぁりがとうぉござぃます(〃≧▽≦)ノ
無事に色の変更が出来ました☆★
また、何かあったときよろしくお願いします。
#3. AQ
2006-06-25 21:11:22
>かなタン さん
また何かあれば、いつでもそうぞ!
べすとありがとうございました。(^^)
#4. AQ
2006-06-25 21:13:18
↑ なんなんだろう?
何で文章かむかなぁ~ (・・;)
いつでもそうぞ!⇒ いつでもどうぞ!
べすとありがとうございました。(^^)⇒ ベスト




