为emlog模板的评论输入框添加了背景图

这段时间有空就经常到其他blog去学习,发现很多的博客都在评论输入框那个地方添加有背景图片,例如卢松松的博客 就是这样,如下图

《为emlog模板的评论输入框添加了背景图》

他的博客访客评论非常多,每篇文章几乎都有两三百条评论,实在是有些恐怖,我觉得能有这么多访客留下评论应该也有这方面的原因吧,添加一个背景图,是可以使访客产生添加评论的欲望的,起码我是这样。所以我也想在我用emlog 搭建的博客 上的评论输入框添加背景图 。

操作起来其实一点都不难,就是在main.css里面修改一下就行了,打开main.css文件,查找commen,在里面添加背景图片(红色部分)

.comment_post #comment{background-color:#fffdf1; width:500px; border:1px #b6b6b6 solid; font-size:12px;

color:#333;background-image: url(images/comment_text_bg.gif);background-repeat: no-repeat;background-position: center center; }

然后制作并上传comment_text_bg.gif到emlog主题 所在目录的images目录下,刷新就出现了

点赞
  1. 骚九说道:

    大前端找不到代码

  2. locyoo说道:

    通过这个方法,我也在自己的网站上评论框有背景图了,谢谢!

发表评论

电子邮件地址不会被公开。 必填项已用*标注