メニューのデザインとレイアウトをCSSで変更

以前トップレベルカテゴリーの横型メニューをCSSで作るで横に並ぶカテゴリーを作ったんですが、今後バナー部分全体を変更するのでメニューのデザインも変えてみたいと思います。参考と利用させてもらったサイトは前回と同じでCSS Libraryです、 Solid Block Menuを使ってMovableTypeの横並びのカテゴリーを作りました。設置後に細かなデザインとレイアウトを変更すれば簡単にメニュー部分を作ることができます。サンプルもあるのでそちら参考にMovableTypeでのメニュー部分を記述してみます。トップレベルのカテゴリーのみの表示です。

<!--横並びカテゴリー-->
<MTIfArchiveTypeEnabled archive_type="Category">
<ul class="solidblockmenu">
<MTTopLevelCategories>
<li><a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel pmhc=""$></a></li>
</MTTopLevelCategories>
</ul>
</MTIfArchiveTypeEnabled>
<!--横並びカテゴリー-->