thinkcq’s blog

在postandcomments.template中:

<div>
{if $post->getComments()}
<ol class=”commentlist”>
{foreach from=$post->getComments() item=comment}
<li class={$oddcomment}>
<div class=”comment_author”>
{if $comment->getUserUrl() != “”}
<a href=”{$comment->getUserUrl()}”}>{$comment->getUsername()}</a>
{else}
{$comment->getUsername()}
{/if}{$locale->tr(”comment on this”)}
</div>
<p class=”metadate”>
{assign var=commentDate value=$comment->getDateObject()}
{$locale->formatDate($postDate,”%Y %B %d, %H:%M”)}
</p>
<a name=”{$comment->getId()}”></a><p>{$comment->getText()}</p>
</li>
{if $oddcomment == ‘alt’}
{assign var=”oddcomment” value=”}
{else}
{assign var=”oddcomment” value=’alt’}
{/if}
{/foreach}
</ol>
{/if}
</div>

说明：<li class={$oddcomment}>中的{$oddcomment}是个变量，用来控制li的CSS样式，从而实现双色相间显示。

{if $oddcomment == ‘alt’}
{assign var=”oddcomment” value=”}
{else}
{assign var=”oddcomment” value=’alt’}
{/if}
则是给{$oddcomment}赋值，value=”alt“中的alt是CSS中的样式，我们修改alt的样式即可实现双色相间显示。

在style.css中:

加入

.alt {
background:#cccccc;
}

#cccccc即第二种颜色了。

除此之外，你也可以这样定义：

{if $oddcomment == ‘alt’}
{assign var=”oddcomment” value=’one’}
{else}
{assign var=”oddcomment” value=’two’}
{/if}

style.css中加入：

.one {
background:#cccccc;
}

.two {
background:#BDD7BD;

例子：http://yangli.iblog.cn/index.php?op=ViewArticle&articleId=13739&blogId=102#comments

Technorati : 双色相间