2006年12月15日星期五

blogger 3.0:让你的博客文章页显示的评论出现像黑板报一样的对比背景

感谢作者Vivek ,此hack实现效果如下图:


首先你要安装了高亮作者评论的hack,咖啡鱼这里有中文翻译。

然后就按照以下代码,把粗线部分添加进你的评论代码。事实上,我的评论代码除了引头的/* Comments
----------------------------------------------- */这个跟下面代码差不多外,其他的相差太多了....所以我干脆把下面的代码直接复制,把整个评论代码替换,一样没有出错,有效果了....只不过太丑了……又没有什么技术含量,我很快又删除了……
不过大家当然可以自己更改颜色~有的人觉得好看就成 ~~


/* Comments
----------------------------------------------- */
#comments {
margin:0;
}
#comments h4 {
margin:0 0 10px;
border-top:1px dotted #99bb99;
padding-top:.5em;
line-height: 1.4em;
font: bold 110% Georgia,Serif;
color:#333;
}
#comments-block {
line-height:1.6em;
}
.comment-author {
background:#CCFFCC /*comment header background color (comment author name)*/
url("http://www.blogblog.com/dots/icon_comment.gif") no-repeat 2px .35em;
margin:.5em 0 0;
padding:0 0 0 20px;
font-weight:bold;
}
.comment-body {
background:#99FFFF; /*Reader comment background color*/
margin:0;
padding:7px 7px 7px 7px; /*Modified padding values*/
}
.comment-body p {
margin:0 0 .5em;
}
.comment-body-author {
background:#cccccc; /*The author comments background color.*/
margin:0;
padding:7px 7px 7px 10px; /*Modified padding values*/
}
.comment-body-author p {
font-size:105%;
margin:0 0 .2em 0;
color:#6728B2; /*The author comments text color.*/
text-decoration:bold;
}
.comment-footer {
background:#CCFFCC; /*Comment footer background color (comment permalink)*/
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#996;
}
.comment-footer a:link {
color:#996;
}
.deleted-comment {
font-style:italic;
color:gray;
}


在这里可以在线得到颜色代码不过就我说,在模版的颜色调整处就可以得到颜色代码了,只不过你不要调的乱七八糟又按了存储……

0 评论:

发表评论: ☆欢迎灌水☆言论自由☆交流快乐☆