Date CSS
目に止まった素敵な日付表示の一例です。
画像を使っていないので、大きさや色などをテンプレートごとに変えられるのでお勧めです。
PHP
<div class="date">
<div class="dateblock">
<div class="month"><?php the_time('F'); ?></div>
<div class="day"><?php the_time('j'); ?></div>
<div class="year"><?php the_time('Y'); ?></div>
<div class="month"><?php the_time('g:i a'); ?></div>
</div>
CSS
.date {
width: 86px;
float: left;
padding: 0px 5px;
overflow: hidden;
color: #bbb;
}
.date a {
color: #ccc;
}
.date a:hover {
color: #fff;
}
.dateblock {
text-align: center;
font-weight: bold;
padding: 5px 0px;
}
.month {
font-size: 12px;
line-height: 11px;
color: #bbb;
}
.day {
font-size: 48px;
line-height: 36px;
color: ＃fff;
}
.year {
font-size: 20px;
line-height: 16px;
color: #bbb;
}
you may want to subscribe to my RSS feed. Thanks for visiting!
