« コメント・トラックバックを受け付けない | メイン | 新規サイトが表示せず »

MT リストを横に並べる

トップページとエントリーページに全エントリーのリンクを貼っているのだが、縦長になってサイドバーとのバランスが悪い。
そこで横並びにカスタマイズ。

全エントリーのHTMLとスタイルシートを変更。

<HTMLの変更>
<div class="archive-date-based archive">
<div class="archive-content">
<ul class="navi">
<MTArchiveList archive_type="Individual">
<li class="archive-list-item"><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a></li>
</MTArchiveList>
</ul>
</div>
</div>

<スタイルシートの変更>
下記を追加する。

ul.navi{
margin-left:0px;
}

ul.navi li{
display:inline;
list-style-type:none;
margin-right:10px;
}

【関連記事】

MT Movable Typeでブログ作成:全エントリー

MTブログ作成手順

  1. 独自ドメインを取得

  2. レンタルサーバーを借りる 
    ロリポップならMovableType設置マニュアルも充実。
    あなたも月々263円でブログデビューしてみよう!!

  3. MovableType導入。

  4. 使い方

  5. カスタマイズ

  6. アフィリエイト