記事の日付の場所を変える_02

ただ日付を下に移動しただけでは芸がないので右寄せにします。

日付は<div class="asset-meta">で囲まれているので、

/*記事の日付*/
.asset-meta{
text-align:right;
margin-right:55px;(記事とサイドメニューの余白)
}
とスタイルを定義します。

日付の右寄せだけならこれで良いのですが、記事固有のページに飛ぶと日付のすぐ下のカテゴリとタグが左寄せになっています。

categories.jpg

ダサイのでここも直しました。

それぞれ<div class="entry-categories"><div class="entry-tags">に囲まれているので、

/*ブログ記事のカテゴリ、タグ*/
.entry-categories , .entry-tags{
text-align:right;
margin-right:55px;
}
とスタイルを定義して右寄せにします。

私の場合、タグは要らないのでテンプレートの方で省いてしまいました。

タグを出力しているMTタグはアーカイブテンプレート→ブログ記事(大体80行目くらい)

<mt:EntryIfTagged>
<div class="entry-tags">
<h4>タグ<span class="delimiter">:</span></h4>
<ul>
<li><mt:EntryTags glue='<span class="delimiter">,</span></li> <li>'><a href="javascript:void(0)" onclick="location.href='<$mt:TagSearchLink encode_js="1"$>';return false;" rel="tag"><$mt:TagName$></a></mt:EntryTags></li>
</ul>
</div>
</mt:EntryIfTagged>
この部分をコメントアウトすれば消えます。

トラックバック(0)

トラックバックURL: http://blog.dobsoni.net/mt/mt-tb.cgi/19

コメントする