解決済

clip!clip!
Ads By Google

blogの文字色を変えたり、コメントに枠をつけて背景を変えたいのですが…

blogの背景を変えたら、文字が見にくくなってしまったので、
文字色を変えて見やすくする方法と、
コメントに枠をつけて、枠内は黒にして、文字を見やすくする方法を考えたのですが、
知識が乏しく、その設定方法が分かりません。
是非どなたか教えて頂きたいです。
宜しくお願いいたします。

2006-04-11 15:07の質問
文字    背景  
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2006-04-11 17:09:40ベスト
管理画面→カスタマイズ/管理→デザインの設定→カスタマイズ→スタイルシート(CSS)と進みます。

まず、Ctrl+Aでこの文字列を全文選択しCtrl+Cでコピーしてワードパットにペーストし保存しておきます。これでスタイルシート(CSS)のバックアップとなります。

スタイルシート(CSS)に「.main,.mainmore」という部分があります。


.main,.mainmore{
font-size:12px;
text-align:left;
line-height:150%;
padding:10px 0;
}

これに、
color:#000000;
とか
background:#999999;
とかを追加してみて下さい。

.main,.mainmore{
color:#000000;
background:#999999;
font-size:12px;
text-align:left;
line-height:150%;
padding:10px 0;
}

「#000000」とか「#999999」とかを、カラーコードと言い、色を指定するものです。


こちらを参考にして指定されてみて下さい。


変更したら、スタイルシート(CSS)を保存し、スタイルシート(CSS)を再構築いたします。
ブログを確認してみて下さい。

変更が失敗した場合は、バックアップしたCSSに戻すか、最初のデザインに戻してください。



CSSの文字列がブログのどこのあたりを指しているかと言うのは、下記を参考にされてみて下さい。


一つ一つカラーコードを変えてみて、CSSのどこがどこに当たるのかを知ることはCSSを理解するのにすごく役立ちますので、良かったら少しずつでもご自身で文字色や背景色を変えるのにチャレンジしてみて下さい。
Ads By Google

コメント(1)

#1.  bazooka
2006-04-13 18:09:20

ありがとうございます。
お陰で無事、変更できました。

トラックバック(3)

トラックバックURL:

文章をかっこよく囲む

2005年06月12日 AQ 続きを読む ・・・ の後の記事中に、文章を四角い罫線で囲んであるのを見たことはありませんか AQ も長い文章の記事を上げる時に、メリハリをつけるためよく使用します。Pet lovers Only♪ の場合は、ブログの幅を固定してサイドに少し薄い色を...

Pet Lovers Only♪ at 2006年04月11日 18:13:18