Categorie : WEB
エントリーの日付を画像で表示
まぁ、色んなところで語りつくされているテクニックなワケですが。
今のデザインではエントリー投稿日の数字を画像で表示してます。これは、フォントをでかくするとエイリアスが掛かってないのが気に入らないという、なんとも頭悪そーな理由からなんですが、これをどうやっているのかと言うと
<li class="day<$MTEntryDate format="%d"$>"><$MTEntryDate format="%d"$></li>
てぇな感じでやってます。
もちょい説明すると、CSSでday01～day31っちゅclassを作って、それぞれに1～31の数字画像を背景に指定。んで、テンプレートの方でclass="day<$MTEntryDate format="%d"$>">って指定を入れると。
MTEntryDateの所をMTCategoryLabelにすればカテゴリ毎の分岐が出来るし、MTEntryKeywordsにすれば、任意でもっと特殊な分岐が設定できるカモしれない、ってそれじゃぁ手動じゃねぇか。
因みに、一応CSSを切った時の事も考えてテキストでも日付を入れています。フォントサイズ0pxって指定は効かないので、text-indent:-9999pxってな指定で消しています。