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

      这种图片去哪里找???

      • avatar boke112导航 4

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

          • avatar 唯心寒辞  博主

            是的,都是通用

          • avatar 骚九 0

            没有找到相关代码

              • avatar 唯心寒辞  博主

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

              • avatar Aueter 0

                不错啊,学习了。

                • avatar 唯心寒辞  博主

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