Ads By Google
カレンダーの色の変更について教えて下さい!
以前こちらでお世話になりとても助かりました。今回またお聞きしたい事がありますので、よろしくお願いいたします。
デザインは、フォトのWhite Bearを使用してるのですが、カレンダーの曜日部分と、更新した日の部分の色がオリーブっぽい色になっています。
これらの部分の色を自分の好きな色に変える事は可能でしょうか?もし可能なら、方法を教えて下さい。よろしくお願いします。
2006-07-15 03:16の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
回答(1)
1.
2006-07-15 04:18:52

管理画面に入って、カスタマイズ/管理 > デザインの設定 > カスタマイズ > をクリックすると、CSS と4つ の HTML がでてきます。そのうちの CSS の記述を変更するんですが、CSS を上から覗いていくと ・・・
■ 曜日部分の背景を変える。
.calendarwd{background:#cc6;}
の色コードを変更します。これで背景色は変わります。
★ この中の記述を削除し、背景を表示させないようにして、曜日部分の文字色を変える事もできます。↓
.calendarwd{}
と、中を削除し、
.calendarweek{color:#fff;font-size:12px;font-weight:bold;padding:0 2px;}
の中の色コード ( color:#fff; ) を、
お好きな色に変更します。
★ さらに土曜日と、日曜日の色を変更する。例えば、土曜日は青色。日曜日は赤色にする。
次の記述を、カレンダーの記述がしてある付近の適当な位置に、書き加えて下さい。↓
td.sun span.calendarweek{color:#CC0066;}
td.sat span.calendarweek{color:#0066FF;}
sun が日曜日。sat が土曜日です。
■ 更新した日の部分の背景を変える。
.calendardbg{background:#cc6;}
の色コードを変更します。これで背景色は変わります。
★ この背景色を表示させないようにし、投稿した日付だけ、文字色を変える。
.calendardbg{background:#cc6;} の中を削除し、つまりこうして・・・ ↓
.calendardbg{}
この部分の色コードを変更します。↓
.caltblday a:link{color:#666;font-weight:bold;text-decoration:none;}
.caltblday a:visited{color:#666;font-weight:bold;text-decoration:none;}
.caltblday a:active{color:#666;font-weight:bold;text-decoration:none;}
.caltblday a:hover{color:#666;font-weight:bold;text-decoration:underline;}
最後の、.caltblday a:hover{ } の色コードだけ、他のものと違う色に変更すれば、マウスが上に乗った時に文字色が変化します。
すべての変更、追記、書き換えが終わりましたら、CSS を保存。そして CSS の再構築をかけて下さい。ブラウザーを更新すれば、表示が反映されます。
■ 曜日部分の背景を変える。
.calendarwd{background:#cc6;}
の色コードを変更します。これで背景色は変わります。
★ この中の記述を削除し、背景を表示させないようにして、曜日部分の文字色を変える事もできます。↓
.calendarwd{}
と、中を削除し、
.calendarweek{color:#fff;font-size:12px;font-weight:bold;padding:0 2px;}
の中の色コード ( color:#fff; ) を、
お好きな色に変更します。
★ さらに土曜日と、日曜日の色を変更する。例えば、土曜日は青色。日曜日は赤色にする。
次の記述を、カレンダーの記述がしてある付近の適当な位置に、書き加えて下さい。↓
td.sun span.calendarweek{color:#CC0066;}
td.sat span.calendarweek{color:#0066FF;}
sun が日曜日。sat が土曜日です。
■ 更新した日の部分の背景を変える。
.calendardbg{background:#cc6;}
の色コードを変更します。これで背景色は変わります。
★ この背景色を表示させないようにし、投稿した日付だけ、文字色を変える。
.calendardbg{background:#cc6;} の中を削除し、つまりこうして・・・ ↓
.calendardbg{}
この部分の色コードを変更します。↓
.caltblday a:link{color:#666;font-weight:bold;text-decoration:none;}
.caltblday a:visited{color:#666;font-weight:bold;text-decoration:none;}
.caltblday a:active{color:#666;font-weight:bold;text-decoration:none;}
.caltblday a:hover{color:#666;font-weight:bold;text-decoration:underline;}
最後の、.caltblday a:hover{ } の色コードだけ、他のものと違う色に変更すれば、マウスが上に乗った時に文字色が変化します。
すべての変更、追記、書き換えが終わりましたら、CSS を保存。そして CSS の再構築をかけて下さい。ブラウザーを更新すれば、表示が反映されます。
回答レベル : 回答
AQさん、又もやご回答頂きありがとうございます!
前回といい今回といいすっかりお世話になってしまってすみません。今回もとても丁寧に説明して頂いたお陰で、初心者の私でもすぐに出来ました。本当に感激です!あと、質問以外の知りたいと思っていた事まで色々教えてくださって嬉しかったです。ありがとうございました!!
Ads By Google
コメント(1)
#1. AQ
2006-07-16 02:36:11
い~え。閲覧なさっている他の質問者の方の事も考えて、
少し拡大して回答しました。無事に解決して良かったです。
ベストありがとうございました (^^)



