投稿日時をまとめて左上へ移動 # 03,Jan,2007 Wednesday - 15:20 # |[ブログカスタマイズ]テンプレート

投稿日時の表示方法を変えたばかりなのに、また、変えました（汗

あちこちのブログで使われている表示方法で特に新しい方法ではありません。
記事タイトルの装飾に迷ったので苦し紛れでこの形にしました。

ＨＴＭＬもスタイルシートもかなり苦し紛れです（ｗ

こんな画像を用意しまして、投稿日時の背景にしました。

ＨＴＭＬはかなり苦戦しまして、最終的に以下の形に落ち着きました。

<div class="EntryTitle">
<div class="EntryDate"><!--$entry_day--><br>
<div class="EntryMonthYear"<>!--$entry_month-->,<!--$entry_year-->
</div></div>

---以下省略---

本当は、記事タイトルのブロックの左側に投稿日時専用のブロックを設けたかったのですが、IEとfirefoxの表示の両立がむずかしくタイトルブロック内に投稿日時スペースを挿入する形になりました。
paddingを0にすれば擬似ブロックです（ｗ

スタイルシートは以下の通りです。

/*******************************************************
投稿した日の部分の設定
*******************************************************/
.EntryDate {
width: 66px;
height: 66px;
margin: 0 0 0 0px;
padding: 0 0 0 0px;
background-image:url(http://file.○○○.blog.shinobi.jp/△△△.gif);
background-repeat: no-repeat;
overflow:visible;
float:left;
color: #fff;
font-weight: bold;
font-style: nomal;
font-size: 28px;
font-family:georgia,monospace;
padding: 10 0 0 10px;
overflow:visible;
}

.EntryMonthYear{
font-size: 10px;
color: #000;
font-weight: bold;
font-family:georgia,monospace;
padding: 10 0 0 0px;
}

整理されていないスタイルシートですが、その辺はご愛嬌ということで。