02

02

FC2ブログのエントリーの日付をおしゃれに表示

はてなブックマークに追加 Yahoo!ブックマークに登録 このエントリをlivedoorクリップに登録  2008-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> - 曜日(和風)を表示
にほんブログ村 IT技術ブログ Webサイト構築へ 人気ブログランキングへ fc2ブログランキングへ
関連エントリー
コメント
テンプレートをお借りしているKOBAKOです。

記事の冒頭の日付をレッツFC2さんのように画像を使っておしゃれに変更したいのですが、うまくできません。

初心者の私にもわかりやすく 説明していただけないでしょうか?
【2008/04/12 03:53】 | kobako #JnL/fmVo | [edit]
KOBAKOさんはじめまして。

テンプレートお使いいただきありがとうございます。
このブログのように設置する方法を別記事で紹介してみましたので
ご参考にしていただければと思います。

 http://weboook.blog22.fc2.com/blog-entry-91.html

では今後もよろしくお願いします。
【2008/04/12 12:38】 | 管理人 #6urEx/7U | [edit]












管理者にだけ表示を許可する
トラックバック
トラックバックURL:
http://weboook.blog22.fc2.com/tb.php/42-fb7a1aea
  • ブログのリニューアル【彷徨う黒の言霊】
    ここ2〜3日は、ここのブログのカスタマイズに没頭中。 以前のテンプレートでも良かったのだけれど、と言うかテンプレートってプラグイン...
【2008/06/02 00:34】
≪ トップページへこのページの先頭へ  ≫
sponsored

カテゴリー
タグランキング

最近のコメント
最近のトラックバック
月別アーカイブ
ブログパーツ色々
フィードメーター - レッツFC2ブログ! track feed

過去ログ +