解決済

clip!clip!
Ads By Google

見やすいように、コメントの投稿者の文字の変更、色の変更をしたいのですができません。

実は何年か前に教えていただいて前はできたのですが( )今回何回も見ましたがそのスタイルシートの中のタグとかその文字が見つけられないのですが・・何年か前と、そのデザインの作りとか何か変わっているもんなんでしょうか・・。目が痛くなります。

2009-02-13 14:48の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(2)

2.

2009-02-14 14:34:08ベスト
「シンプル」の中にあるZen Style(3カラム)の背景を付けてみやすくする方法では以下はいかがでしょうか?

Zen Style(3カラム)のコメント欄に当たる箇所は
#commentbody
,#trackbackbody{}です。

変更前
#commentbody
,#trackbackbody{
	font-size:12px;
	margin:15px 10px 0;

変更後
#commentbody
,#trackbackbody{
	font-size:12px;
	line-height:135%;
	margin:3px 0 36px 10px;
	border-bottom:1px;
	border: 2px dashed #0000FF;
	padding: 5px 5px 5px 5px;
	background:#FFFFCC;
}
枠で囲ってるので他のコメントとの区切りがつきますよ^^
回答レベル : アドバイス

ありがとうございました。

1.

2009-02-13 18:49:39
デザインによって多少違うかもしれないので、
実際のコメントのある記事のアドレスを教えて頂くのが
結局早道かと思います。
スタイルシートに該当の記述が無い場合、追加する必要があります。

例えば、ウチのデザインの場合、
コメント投稿者の設定は、スタイルシートでは、
li.comment-author{
   /* ここに書く */
   color:blue;/* ←色の変更 */
}
回答レベル : アドバイス
Ads By Google

コメント(9)

#1.  kavalier
2009-02-13 17:10:59

コメントを見やすくするなら
投稿者とかコメントの文字色を変えるよりも
コメント自体に背景を入れる方が
簡単だし見やすいですよ。

2009-02-14 10:17:38

デザインは「シンプル」の中にある「Zen Style(3カラム) 」です。このコメント欄、何人からいただいても文字が統一なので、どこが区切りか一目で分からなくて見にくくて・・

2009-02-14 14:45:01

>>2
文字色が灰色なので見やすくなるかわかりませんが、背景色の
カラーコードを変更してくださいね。
http://www.tagindex.com/color/

2009-02-14 16:59:36

どうもありがとうございます。
できて見やすくなりましたが、1番したいのは人と人とのコメントの区切りがほしいという事です。ぱっと見ると、それは何人の人のコメントなのか分かるようにしたいのです。だからその人の名前の部分を例えば赤にするとかできればいいかと思ったんですが、

2009-02-14 17:56:19

『 Posted by ○○ 日付..... 』 の行の変更箇所は、
CSSの
.commentttl
,.trackbackttl{}が、該当する部分になりますので、{}内に
color:#ooooo;と、変更したいカラーコードを挿入すればOKです。
またコメントの文字の箇所は、
.commenttext
.trackbacktext{}の部分になるので、同様に{}内にcolor:#ooooo;と挿入して下さい。

2009-02-14 18:17:53

おお!できました!ありがとうございます。
ちなみにもう一つだけ。文字を「Posted by」→「投稿者」に変更するにはどうしたらいいですか?「Posted by」をなくしてもいいぐらいかもしれません。度々すいません。

2009-02-14 19:06:01

では、個別記事で、下記の

<div class="commentttl"><$CommentNumber$>.&nbsp;Posted by <IfCommentUrl><a href="<$CommentUrl$>" class="posttitle">
を探して下さい。個別記事に行き、ctrlキーとfを押したら検索のポップが出るので「post」と、記入し検索すると簡単に見つかります。<$CommentNumber$>.&nbsp;の隣「Posted by」を投稿者と変更すればOKです。

2009-02-14 19:53:16

ありがとうございます!ようやくできました。
「この回答で解決」等したかったですが、ここのコメント欄ではできなかった?ですか。どうもありがとうございました。

2009-02-14 20:13:13

>>#8
コメントで解決はできませんが、質問を解決するにあたってはこちらに詳しく書かれています。
http://knowledge.livedoor.com/38805

トラックバック(2)

トラックバックURL: