解決済

clip!clip!
Ads By Google

サイドバーのカレンダー背景色を変えたい

現在スタイルシートはデフォルト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;}

どこをどのように変えればいいでしょうか?以前の質問も色々見てみましたがどうもうまくいきません。よろしくお願いします。

2008-05-27 11:24の質問
カレンダー  サイドバー  カスタマイズ  
カレンダー
50部から名入れカレンダー。全面オリジナルカレンダーが製造できる専門サイトです。
www.365calendar.info/index.html
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2008-05-28 02:07:30ベスト
投稿のある日付の背景として日付の枠の画像がつかわれています。
.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
をブラウザのアドレスバーに入力して画像を表示し、名前を付けて保存した後、望むように加工して、アップした後、この部分をアップした画像のアドレスで置き換えます。
自信度 : 自信あり 回答レベル : アドバイス

ありがとうございました。
まだまだ分からないことばかりですが、これからもよろしくお願いします。

Ads By Google

コメント(3)

#1.  samryun
2008-05-28 08:58:12

>BLUEPIXYさん
回答ありがとうございます。
今までカスタマイズをした事がなくて初歩的な質問で申し訳ありませんが、

>ブラウザのアドレスバーに入力して画像を表示
これは、IE使っているのでそこのアドレスバーに入力しました。オレンジの小さな四角が出ました。

>名前を付けて保存した後、望むように加工
画像をマイピクチャに保存して、ペイントで色を変えました。

>アップした後
これは何をすればいいのでしょうか?

いままでのナレッジでの質問などを読んでCSSのどこかで色を変えるものだとばかり思っていたので、こんな方法もあるのかと驚いています。
本当に無知で申し訳ありません。
もう少しお手伝いください。

#2.  samryun
2008-05-28 14:02:14

分かりました。
ブログに写真をアップする方法でやればいいんですね。
ありがとうございました。

#3.  BLUEPIXY
2008-05-28 16:48:02

#2>ブログに写真をアップする方法
そうです、自己解決されたのですね。
何にせようまくいって良かったデス。

#1>CSSのどこかで色を変えるものだとばかり…
画像によらず、CSSで枠線と背景色を替えることもできます。
その場合、リンクのない場所も変えなければならず、同じように表示するには、修正変更するべきところが沢山あります。

トラックバック(2)

トラックバックURL: