Emlog 评论框加背景图片

  • 6
  • 369 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:

目前评论:6   其中:访客  3   博主  3

    • avatar boke112导航 4

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

        • avatar 唯心寒辞  博主

          是的,都是通用

        • avatar 骚九 0

          没有找到相关代码

            • avatar 唯心寒辞  博主

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

            • avatar Aueter 0

              不错啊,学习了。

              • avatar 唯心寒辞  博主

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