重要資訊內容 重要資訊內容 重要資訊內容 重要資訊內容 重要資訊內容 重要資訊內容 重要資訊內容

2009年4月1日星期三

在评论栏留言怎么通过高亮区分作者与网友

怎么(如何)打造漂亮blogspot模板教学课程系列专辑

在评论栏留言怎么通过高亮区分作者与网友

博客流量大了,评论多了,看的有些眼花缭乱,通过什么来区分,能使眼睛看的舒服些呢?

好了,现在跟大家分享:

先备份原始模板
后台 页面设置,选修改html,勾选展开小窗口范本
找到

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


然后以下列代码替换

<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-me'>
<data:comment.body/>
</div>
</p>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</b:if>
</dd>


这里有了个新的定义红色部分

然后在css中添加.comment-me定义

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


高亮区的外观就在这个定义里修改,包括颜色,距离,行距,等。自己设计,变化多样。

注意:我在用代码时发生过以下问题怎么解决了,主要是思路问题。
例如:找不到这些代码,那是由于你这个模板已被多人修改。
例如:~~~~~~~~~~~~~~~

好了,就分享到这,有问题,我们多交流。

參考來源:
How to Style and Highlight Author Comments




0 评论:

发表评论

  © 广告业务联系站长:wj9931@gmail.com 或 QQ42032058.