Thursday, January 20, 2011
Differentiate your comment
最近
喜欢上一张蕾丝墙纸
所以决定把它用在我的留言墙上
Step 1:
检索
<dd expr:class='"comment-body " + 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
Subscribe to:
Post Comments (Atom)
0 个鼓励:
Post a Comment