Emlog 评论框加背景图片

  • 2
  • 220 views
  • A+
所属分类:Emlog 美化特效

Emlog 评论框加背景图片

在浏览其他一些博客的时候发现,他们博客的评论框里都有背景图片,于是也就在自己的博客里加上了。

背景图片随意,自己 PS 一张也行,大小要合适,不需要太大

然后上传到你的博客任意目录下

接下来以我用的 Emlog 大前端主题为例:

找到 Emlog大前端主题下的 style 目录下的 main.css 文件

用 Notepad++或其他编辑器打开(不能用系统自带的记事本打开)

找到#comment 对应代码,大约在第 394 行左右

比如我的是:

  1. #comment{width:100%;resize:none;overflow-x:hidden;overflow-y:auto;border:0;
  2. line-height:22px;font-size:14px;outline:0;color:#666;height:68px;}

在后面加上:

  1. background: #fff url(/images/comment.png) no-repeat center;

变成:

  1. #comment{width:100%;resize:none;overflow-x:hidden;overflow-y:auto;border:0;
  2. line-height:22px;font-size:14px;outline:0;color:#666;height:68px;
  3. background: #fff url(http://你的图片) no-repeat center;}

最后,保存,更新缓存,是不是图片已经显示出来了?

其他模板也差不多,修改 main.css 或者 style.css 里对应函数即可。

效果图:

Emlog 评论框加背景图片

历史上的今天:

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:2   其中:访客  1   博主  1

    • avatar Aueter 0

      不错啊,学习了。

      • avatar 唯心寒辞  博主

        测试下是否正常。。。 :smile: