主题去背景图片

大约在上个月,对主题进行了“大修改”,去除了大量图片。

具体方法

  • 图标作为背景,并在左边加上
  • 适当的边距,产生小图标链接
  1. 下载主题文件。由于以前修改过,为保留修改之处,通过导出备份,找到主题;
  2. 复制几个页面(只保存HTML代码),包括主页,任意一篇文章页,分类(或标签)页面,并保证页面上有尽可能多的不同种类的元素
  3. 修改这些页面的CSS引入信息,让它关联到下载下来的CSS;
  4. 打开style.css,搜索url((这是background引入背景图片的方法),将url(...)注释掉(/*...*/);
  5. 观察效果,如果合适,将其删掉;
  6. 如果原文件中有颜色属性,保留,否则指定一种颜色并试验;
  7. 如果去除后文本位置出错,修改相关marginpadding值(经常是一些文本前图标);
  8. 删除background-position属性(一般是一些小图标合并到一个文件里,背景去除后,本属性失去意义。),如果大括号里只有这一个属性,全部删掉;
  9. 保存,上传,进一步查找错误。

特殊信息

  • 保留了RSS图标和blockquote的引号图标;
  • 对标题添加了阴影,对页面添加了圆角( IE看不到 )。

BlockQuote演示

保留了RSS图标和blockquote的引号图标;