kuu♪からのお知らせ

長年公開してきたカスタムスキンへの道ですが、
新しいサイト　Harbot's field内の「ssブログ（so-netブログ）のカスタマイズ方法」　へ引っ越しをします。

徐々に時間をかけて引っ越す予定で、今よりも見やすいサイトに変更しています。

今後ともよろしくお願いいたします。

カレンダーの更新した日付部分の画像を変えよう

【カレンダーの更新した日付部分の画像を変えよう】

 

カレンダーの画像サイズは、24×24くらいまでがいいと思います。　　
　
変える部分を赤　緑で書いています。

---

 

/*--Calendar--*/　とあります。その中の

#calendar td.link { background:#d0ceb7; font-weight:bold; }

を変えます。

変えたタグ〔見本〕

#calendar td.link { background:url(/blog/_images/blog/_▲▲▲/*****/0123456.gif) no-repeat center center; background-color:#C8DDFF; font-weight:bold; }

 

①画像を入れます
background:url(/blog/_images/blog/_▲▲▲/*****/0123456.gif) no-repeat center center;

②背景の色を変えます
background-color:#C8DDFF;　の　#C8DDFF　をお好きな色に変えてください。

用意した画像が透過してない写真とかであれば②は必要ありません。
色の載せ方は、 【基本の背景色を変えよう】に記述してあります。

③背景色を消し、枠をつける場合は
background-color:#C8DDFF;を消し、
border:1px solid #9a9a9a;　を付け加えます。

ソネットブログ(so-netblog)：カスタムスキンへの道【目次】へ

タグ：ソネブロ ソネットブログ So-netBlog カスタムスキン カスタマイズ カレンダーの更新した日付部分の画像を変える

カレンダーを装飾してみよう

どこに入れると、どうなるのか　を書いてあります。

【カレンダーの更新した日付部分の画像を変えよう】
【よく出てくるタグの説明】
とあわせて参考にしてください。

---

.calendar-date { text-align:center; }
border: 1px solid #FF0000;	background:#FF0000;
.calendar-date { text-align:center; border: 1px solid #FF0000; }	.calendar-date { text-align:center; background:#FF0000; }

#calendar table { margin:3px auto; text-align:center; }
border: 1px solid #FF0000;	background:#FF0000;
#calendar table { margin:3px auto; text-align:center; border: 1px solid #FF0000; }	#calendar table { margin:3px auto; text-align:center; background:#FF0000; }

#calendar th { height:21px; width:21px; font-weight:normal; }
border: 1px solid #FF0000;	background:#FF0000;
#calendar th { height:21px; width:21px; font-weight:normal; border: 1px solid #FF0000; }	#calendar th { height:21px; width:21px; font-weight:normal; background:#FF0000; }

#calendar td{ height:21px; width:21px; font-size:10px; line-height:1; }
border: 1px solid #FF0000;	background:#FF0000;
#calendar td{ height:21px; width:21px; font-size:10px; line-height:1; border: 1px solid #FF0000; }	#calendar td{ height:21px; width:21px; font-size:10px; line-height:1; background:#FF0000; }

#calendar td.link { background:url(/_common/skins/19/images/cal_active.gif) no-repeat center center; font-weight:bold; }
border: 1px solid #FF0000;	background:#FF0000;
#calendar td.link { background:url (/_common/skins/19/images/cal_active.gif) no-repeat center center; font-weight:bold; border: 1px solid #FF0000; }	#calendar td.link { background:url (/_common/skins/19/images/cal_active.gif) no-repeat center center; font-weight:bold; background:#FF0000; }
background-color:#FF0000;
#calendar td.link { background:url (/_common/skins/19/images/cal_active.gif) no-repeat center center; font-weight:bold; background-color:#FF0000; }

 

タグ：ソネット ソネブロ So-net blog カスタマイズ カスタムスキン カレンダー

ありがとうございます♪♪

記事が役に立たれたら、下のバナーの興味があるものをクリックしてもらうとうれしいです。