主题折腾记（二）

      这次修改主题主要有两个地方，但是对访客的友好程度却是大大的提高了，尤其是能增加访客评论的动力。您觉得呢？

一：添加评论框背景图：

到主题样式表style.css里根据评论框ID搜索#comment，发现原来定义评论框的样式为：

 #comment {width:601px;}

通过以下修改来给评论框添加上背景图片，图片为img文件夹下comment-bg.gif，图片不易过大。

 #comment {

width:601px;background-image:url(img/comment-bg.gif);background-repeat:no-repeat;background-position:right bottom;

}

二：添加侧边栏读者墙

      这个费了我不少时间，之前只是在主题的sidebar.php文件里添加了读者墙代码，但查看效果后发现是垂直显示的，自然是没有设置侧边栏读者墙的CSS的缘故，弄了好久都不满意，最后还是在快乐啦的基础上修改的CSS.

在sidebar.php里适当位置添加如下代码：

活跃朋友

 get_results("SELECT COUNT(comment_author) AS cnt, comment_author, comment_author_url, comment_author_email FROM (SELECT * FROM wpdb->comments LEFT OUTER JOINwpdb->posts ON (wpdb->posts.ID=wpdb->comments.comment_post_ID) WHERE comment_date > date_sub( NOW(), INTERVAL 1 MONTH ) AND user_id='0' AND comment_author != 'hesiway' AND post_password='' AND comment_approved='1' AND comment_type='') AS tempcmt GROUP BY comment_author ORDER BY cnt DESC LIMIT 16");
 foreach (counts ascount) {
 c_url =count->comment_author_url;
 if (c_url == '')c_url = 'http://www.hesiway.info/';
 $mostactive .= '
	
' . '' . get_avatar($count->comment_author_email, 30) . '

';
 }
 echo $mostactive;
 ?>

 在主题的style.css里面添加如下：

#sidebar .widget .ffox_most_active li { 
 list-style:none; 
 float:left; 
 border:none; 
 padding-left:0; 
 width:33px; 
 background:none; 
 } 

 #sidebar .widget .ffox_most_active img.avatar { 
 width:30px; 
 height:30px; 
 border:1px solid #ddd;padding:2px;margin:0 1px 0 0; 
 }

如果您的主题也是inove，而且需要同样的改动，那么就直接拷贝一份吧~

相关系列：主题更换记（一）