Thursday, January 20, 2011

Differentiate your comment



最近
喜欢上一张蕾丝墙纸
所以决定把它用在我的留言墙上

Step 1:
检索

<dd expr:class='&quot;comment-body &quot; + data:comment.commentAuthorClass' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
<span class='interaction-iframe-guide'/>
</p>
</b:if>
</dd>

Step 2:
删除 Step 1 全部代号

Step 3:
用以下的代号代替

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<b:if cond='data:comment.author == data:post.author'>
<p>
<div class='comment-名字'>
<data:comment.body/>
</div>
</p>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</b:if>
</dd>

:红色的 highlight
可以随自己的喜好命名

Step 4:
再检索以下的代号
comments h4 {

Step 5:
把以下的代号
加在 Step 4代号前面

.comment-名字 {
margin-right: 35px;
margin-bottom: 5px;
color: #666666;
font-size: 8pt;
line-height: 1.5em;
background-color: #E0ECFF;
border: 1px dotted #C0C0C0;
padding:5px;
}

:红色的 highlight
需要和 Step 3 的 command name 一样
其它的 item
都可以随自己的喜好改正
颜色代号参考图

Step 6:
假如不想单单是用颜色区别
要用图片
再把 Step 5 command 中的 background
换成

background:url(图片网址Direct link.) no-repeat; >>>单一图片

background:url(图片网址Direct link.) repeat; >>> 重复图片

Done!

用这方法
能让博主的留言
和读者的留言有区别

Info courtesy to
Kenchy

0 个鼓励:

Post a Comment

LinkWithin

Related Posts with Thumbnails