02
02
FC2ブログのエントリーの日付をおしゃれに表示
今回のリニューアルでエントリー日付を変更しました。各エントリーの左上に表示していますが私は結構気に入っています。私は画像を使っていますが画像はなくても大丈夫ですし、曜日を表示したり色々可能です。
02
02
<style type="text/css">
<!--上の部分-->
.entry_date1{
background-color : navy;
border : 1px solid navy;
color : white;
width : 60px;
font-size : 24px;
font-weight : bold;
padding : 5px 0 5px 0;
text-align : center;
}
<!--下の部分-->
.entry_date2{
border: 1px solid navy;
color : navy;
width : 60px;
font-size : 24px;
font-weight : bold;
padding : 5px 0 5px 0;
text-align : center;
}
</style>
<div class="entry_date1"><%topentry_month></div>
<div class="entry_date2"><%topentry_day></div>
このタグを<!--topentry-->内に挿入すれば表示されます。また赤い部分に下記のタグを挿入すると曜日なども表示できます。CSSはこれを参考にして自由に変更してみてくださいね。
<%topentry_year> - 年を表示
<%topentry_month> - 月を表示
<%topentry_day> - 日を表示
<%topentry_hour> - 時を表示
<%topentry_minute> - 分を表示
<%topentry_second> - 秒を表示
<%topentry_youbi> - 曜日(洋風)を表示
<%topentry_wayoubi> - 曜日(和風)を表示
<%topentry_month> - 月を表示
<%topentry_day> - 日を表示
<%topentry_hour> - 時を表示
<%topentry_minute> - 分を表示
<%topentry_second> - 秒を表示
<%topentry_youbi> - 曜日(洋風)を表示
<%topentry_wayoubi> - 曜日(和風)を表示
















