So-net無料ブログ作成
検索選択
メッセージを送る

kuu♪からのお知らせ

■スキンを作るコツは、とにかくプレビューで確認することです。
 数字を替えた! 色を替えた! 画像を替えた!そのたびにプレビュー! で確認!
 そしてこまめに保存してください。

■コメントをたくさんいただいているのですが返信もままならない状況ですのでしばらくの間コメントの受付を停止させていただきます。ごめんなさい。

また、管理人kuuがしばらくソネブロを離れている間に随分仕様の変更等あったみたいですので、当ブログの記述では対応できないものも出ているかもしれません。

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

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

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


.calendar-date {
text-align:center;
 border: 1px solid #FF0000; background:#FF0000;
 Calendar-01.PNG Calendar-02.PNG
 .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-03.PNG Calendar-04.PNG
 #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-05.PNG Calendar-06.PNG
 #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-07.PNG Calendar-08.PNG
 #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-09.PNG Calendar-10.PNG
 #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-11.PNG 
 #calendar td.link {
background:url
(/_common/skins/19/images/cal_active.gif)
no-repeat center center;
font-weight:bold;
background-color:#FF0000;
}
 
 


 


nice!(7)  コメント(4) 

nice! ありがとう 7

コメント 4

コメントの受付は締め切りました
れお

おはようございます。
いつもブログ作りの参考にさせていただいてます。
あの~ちょっと質問なんですが、
カレンダーで、例えば記念日とか誕生日の日にちだけ
色をつけたりだとか変更することは出来ないのでしょうか?

ちなみに自分のサイトは『Star★Trip』です。
よろしくお願いします。


by れお (2009-02-15 09:16) 

kuu

★れおさん

指定した日だけ印をつけるのはどうなのでしょうか[ウーン]
javascriptなどを使えばできるのかもしれませんけど、私にはわかりません[ゴメン]
by kuu (2009-02-17 11:17) 

saki_kokko

こんにちは
カレンダーの文字色は変えれますか?
教えてください[ドウ]
by saki_kokko (2009-05-31 13:42) 

kuu

★saki_kokkoさん

カレンダーの文字色は

#calendar td{
の中に 
color: #000000;
を入れてみてください。
リンクしない部分の色が変わります。

リンク色はこれでいいかな?
#calendar td.link {
の中に 
color: #000000;
を入れてみてください。

違ったらごめんなさいね。



by kuu (2009-06-05 11:13) 

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

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

  

         

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。

×

この広告は1年以上新しい記事の更新がないブログに表示されております。