法則59 奇数、偶数でコメントやリストを交互に色分けする

行ごとにスタイルを変えるテンプレートソース

<MTArchiveList archive_type="Monthly">
<MTArchiveListHeader><ul></MTArchiveListHeader>
<li class="<MTIf name="__odd__">odd<MTElse>even</MTIf>"><a href="<$MTArchiveLink$>"><$MTArchiveTitle language="en"$></a></li>
<MTArchiveListFooter></ul></MTArchiveListFooter>
</MTArchiveList>

出力される（X）HTMLソース

<ul>
<li class="odd"><a href="http://example.com/2008/05/">May 2008</a></li>
<li class="even"><a href="http://example.com/2008/04/">Apr 2008</a></li>
<li class="odd"><a href="http://example.com/2008/03/">Mar 2008</a></li>
<li class="even"><a href="http://example.com/2008/02/">Feb 2008</a></li>
<li class="odd"><a href="http://example.com/2008/01/">Jan 2008</a></li>
</ul>

行の背景色を設定するCSSソース

li.odd {
    background: #FFF;
}
li.even {
    background: #EDEDED;
}

プラグインダウンロード

しましまプラグイン ： nlog(n)

• 第4章 Webサイトの価値を高めるデザインの法則