サイドバーのカレンダー背景色を変えたい
現在スタイルシートはデフォルト2005 (オレンジ)を使っています。サイドバーのカレンダーで投稿した日の背景色を濃い色に変更したいのですがうまく出来ません。
ブログは ですが、こちらはカスタマイズの練習用です。
/* カレンダー */
.calendarhead{
color:#fff;
font-size:12px;
font-weight:bold;
padding:3px 0;
text-align:center;
background:url(http://parts.blog.livedoor.jp/img/usr/new_default_orange/title_bar.gif) no-repeat;
}
.calendarhead a:link{color:#fff;text-decoration:none;}
.calendarhead a:link{color:#fff;text-decoration:none;}
.calendarhead a:visited{color:#fff;text-decoration:none;}
.calendarhead a:active{color:#fff;text-decoration:none;}
.calendarhead a:hover{color:#fff;text-decoration:underline;}
.caltop{}
.calbody{text-align:left;}
.calendartable{}
.caltbl{
width:188px;
margin:0px;
}
.calbottom{margin-bottom:10px;}
.caltblwkbg{}
.calendarwd{
background:#ffcf6d;
margin:0;
}
.caltblwk{}
.caltblwk td{
color:#a25011;
padding:3px 0;
font-size:11px;
text-align:center;
}
.weekday{}
.sun{}
.sat{}
.caltbldaybg{
padding:5px 5px 0 6px;
background:transparent;
}
.caltblday{
width:175px;
margin:0 auto;
}
.caltblday td{
color:#a25011;
width:25px;
height:25px;
padding:3px 0;
font-size:11px;
text-align:center;
}
.calendar{}
.calendard{}
.calon{background:url(http://parts.blog.livedoor.jp/img/usr/new_default_orange/calendaron.gif) no-repeat;}
.caloff{background:url(http://parts.blog.livedoor.jp/img/usr/new_default_orange/calendar.gif) no-repeat;}
.caltblday a:link{color:#a25011;text-decoration:none;}
.caltblday a:visited{color:#a25011;text-decoration:none;}
.caltblday a:active{color:#a25011;text-decoration:none;}
.caltblday a:hover{color:#a25011;text-decoration:underline;}
どこをどのように変えればいいでしょうか?以前の質問も色々見てみましたがどうもうまくいきません。よろしくお願いします。
回答(1)
1.

.calon{background:url(http://parts.blog.livedoor.jp/img/usr/new_default_orange/calendaron.gif) no-repeat;}
の部分です。例えば、
http://parts.blog.livedoor.jp/img/usr/new_default_orange/calendaron.gifをブラウザのアドレスバーに入力して画像を表示し、名前を付けて保存した後、望むように加工して、アップした後、この部分をアップした画像のアドレスで置き換えます。
ありがとうございました。
まだまだ分からないことばかりですが、これからもよろしくお願いします。
コメント(3)
>BLUEPIXYさん
回答ありがとうございます。
今までカスタマイズをした事がなくて初歩的な質問で申し訳ありませんが、
>ブラウザのアドレスバーに入力して画像を表示
これは、IE使っているのでそこのアドレスバーに入力しました。オレンジの小さな四角が出ました。
>名前を付けて保存した後、望むように加工
画像をマイピクチャに保存して、ペイントで色を変えました。
>アップした後
これは何をすればいいのでしょうか?
いままでのナレッジでの質問などを読んでCSSのどこかで色を変えるものだとばかり思っていたので、こんな方法もあるのかと驚いています。
本当に無知で申し訳ありません。
もう少しお手伝いください。
分かりました。
ブログに写真をアップする方法でやればいいんですね。
ありがとうございました。
#2>ブログに写真をアップする方法
そうです、自己解決されたのですね。
何にせようまくいって良かったデス。
#1>CSSのどこかで色を変えるものだとばかり…
画像によらず、CSSで枠線と背景色を替えることもできます。
その場合、リンクのない場所も変えなければならず、同じように表示するには、修正変更するべきところが沢山あります。



