質問する
質問を探す 詳しく検索する

解決済

Clip!
今むぅ

サイドバーや中央の記事部分の背景＆カテゴリーやアーカイブなどの文字色を変えるにはHTMLをどういじればよいですか？？

サイドバーや中央の記事部分の背景色＆カテゴリーやアーカイブなどの文字色を変更するにはどういじればいいんでしょうか？？

ちなみに
http://blog.livedoor.jp/tricolor_naoya/
http://blog.livedoor.jp/tricolor_naoya/
clip


サイドバー＆中央の記事部分（茶色）
カテゴリー＆アーカイブなどの文字色（黄色）です！
どうかよろしくお願いします！！

2006-12-05 01:30の質問
サイドバー  背景色  文字色  
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google
<<前の質問を見る
次の質問を見る>>

回答(1)

1.

2006-12-06 18:50:09ベスト
望
まず、サイドバー＆中央の記事部分（茶色）は画像のようです。
http://parts.blog.livedoor.jp/img/usr/soccer_germa...
CSSの#blogcontainerのbackgroundに設定されています。
まとめて任意の色に置き換えたい場合は、この
background:url(http://parts.blog.livedoor.jp/img/usr/soccer_german/base.gif) repeat-y 0 0;
の部分を
background:#6桁の英数字;
で、英数字の部分をお好きな色の番号に置き換えて下さい。
色の番号については、こちらのサイトで色を観ながら探してみて下さい。
http://www.colordic.org/

そして、カテゴリー＆アーカイブなどの文字色（黄色）は、CSSのbodyのすぐ下のa{color:#fad100;}が反映されているようですので、こちらも同様にお好きな色の番号に置き換えてみると良いと思います。

そして置き換えた後は忘れずに「再構築」を行って下さい。
CSSの再構築で良いと思います。

この説明で分からない所がありましたら、コメント欄からお尋ね下さいませ。
回答レベル : アドバイス

望さんのお陰で思い通りにデザインできました！
ありがとうございました！！

Ads By Google

コメント(6)

コメントする
#1.  望
2006-12-06 18:51:53

書き忘れていましたが、変更するのはHTMLではなく、CSSです。
お間違えのないように…。(^^ゞ

#2.  今むぅ
2006-12-07 01:22:27

望さん、回答ありがとうございました！
とてもわかりやすい回答でかなりブログのデザインをいじることができました！！
もう一つだけ質問してもいいですか？

左上のカレンダーのバーの部分と、カレンダー内の黄色表示の文字を全部赤にするにはどこをいじればよいか分かりますか？
いろいろいじってみたのですが出来なくて・・
お願いします！！

#3.  望
2006-12-07 17:36:25

いえいえ、カスタマイズなさったのは今むぅさんですから。（=＾0＾=）
少しでもお役に立てて幸いです。
綺麗な青の背景が素敵ですね。(*^_^*)

カレンダーのバー（線）の部分については、CSSの

.caltbl{
width:170px;
margin:0 auto;
text-align:center;
border:solid #43302d;
border-width:2px 0px 0px 2px;
}
と
.caltblwk td{
text-align:center;
padding:4px 0;
border:solid #43302d;
border-width:0px 2px 2px 0;
}
のborder:solid #43302d;の数字部分を変えると良いと思います。

また、カレンダー内の黄色表示の文字を赤に変えるのでしたら、
.caltblwk{
font-size:12px;
color:#eac00d;
}
のcolor:#eac00d;を#ff0000などにすると赤になると思います。

バックアップをとった上でのカスタマイズをお勧めします。(^^ゞ

#4.  望
2006-12-07 17:43:47

以下補足です。良かったらご参考に。(^o^)

カレンダーのタイトル部分は、やはり画像となっていますので、
.calendarheadのbackgroundを回答1の時のように任意の色（例えば赤など）に置き換えると良いかと思いました。

日付の背景部分（黄色）は

.calon{
background:#eac000;
}
によって制御されています。
気になるようでしたらカスタマイズも可能です。

また、BlogClickの背景は、
body.ad{background:#43302d;}
です。
こちらも変えるとスッキリするかと思います。
この記述の上辺りがBlogClickの表示に関するものですので、もし気になるようでしたらカスタマイズしても良いかもしれません。

この説明で分からない所がありましたら、コメント欄からお尋ね下さいませ。

#5.  今むぅ
2006-12-08 01:44:07

望さん、ありがとうございました！！
無事に思いの通りにカスタマイズすることができました♪
ホント感謝です！

#6.  望
2006-12-08 01:54:34

いえいえ、お役に立てて私も嬉しいです。(*^_^*)
青と赤でとてもクールなブログになりましたね。
カスタマイズお疲れ様でした。
また何かありましたら、ご質問なさって下さいね。（=＾0＾=）

トラックバック

トラックバックURL: