私がリリースするテンプレートのカレンダーの「更新した日」を目立たせる方法を紹介します。
スタイルシートにこちらを加えます。
.calender td a {
background-color:
#cccccc;
}
赤い部分の数値を変えれば色が変わります。
またこの色の部分を大きくしたときはもう一行加えます。
.calender td a {
background-color: #cccccc;
padding: 2px;}
しかしこのままだとリンクされた日の幅だけ大きくなってしまうので他の日付も同じ幅にするためにさらに次も加えます。
.calender td {
padding: 2px;
}
日付も幅が皆等しくなりましたがカレンダー全体が少し膨らんでしまったと思います。次の修正をすれば小さく落ち着くと思います。
/*カレンダー*/
.calender {
color:#666;
font-size: 110%;
margin: 1em
0.8em 0;
}
この赤い部分の数値を0にします。
/*カレンダー*/
.calender {
color:#666;
font-size: 110%;
margin: 1em
0em 0;
}
これで完了です。
更新日を目立たせたい方はどうぞお試しください。
- 関連記事
-