Emlog 评论框加背景图片

  • 7
  • 756 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 评论框加背景图片

历史上的今天:

唯心寒辞

评论已关闭！

目前评论：7   其中：访客  0   博主  0

    • avatar 墨染 0
      2019年7月5日 下午3:48  沙发

      这种图片去哪里找？？？

      • avatar boke112导航 4
        2019年4月15日 下午1:19  板凳

        这个添加背景图的，好像不管是WordPress还是ZBlog或emlog，都是通过CSS来实现，一通百通

          • avatar 唯心寒辞  博主
            2019年4月15日 下午11:59  1层

            是的，都是通用

          • avatar 骚九 0
            2018年11月20日 上午8:18  地板

            没有找到相关代码

              • avatar 唯心寒辞  博主
                2018年11月27日 下午5:34  1层

                不同主题，添加修改的代码不一样，需要自己找

              • avatar Aueter 0
                2017年7月3日 下午6:34  4楼

                不错啊，学习了。

                • avatar 唯心寒辞  博主
                  2017年7月2日 下午10:43  5楼

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