如何添加代码将WordPress博客变成黑白色/灰色

上次垃圾站博客讲述了“如何将Discuz论坛网站页面(首页或内页)变黑白色/灰色”的教程,有访客反映想要将自己的博客也变成黑白色,因此垃圾站博客特地写一篇“如何添加代码将Wordpress博客变成黑白色/灰色”的教程给大家作参考。

本方法支持三种主流浏览器,代码如下:

<!-- 黑白色 -->
<style>
html{
filter: grayscale( 100%);
-webkit-filter: grayscale( 100%);
-moz-filter: grayscale( 100%);
-ms-filter: grayscale( 100%);
-o-filter: grayscale( 100%);
filter: url( "data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale( 1);
}
</style>

使用时只需要将上述代码添加在</header>之前就可以了,灰色效果大家可以尝试,有什么使用问题可以向垃圾站站长反映!

本文由垃圾站编辑整理,转载请注明原文链接:http://www.lajiz.cn/1686.html

本文固定链接: http://www.lajiz.cn/1686.html | 垃圾站

该文章由 sdujane 于2013年05月06日发表在 WP教程 分类下, 访客可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客!
原创文章,转载请注明: 如何添加代码将WordPress博客变成黑白色/灰色 | 垃圾站
关键字:

如何添加代码将WordPress博客变成黑白色/灰色:目前有5 条留言

  1. 地板
    八毛:

    这个不错!

    2013-05-09 上午 9:48 [回复]
  2. 板凳
    小媒体:

    不错,可以兼容所有浏览器吗?

    2013-05-08 下午 2:41 [回复]
    • 本方法支持三种主流浏览器……

      2013-05-08 下午 5:53 [回复]
  3. 沙发
    走出迷失:

    已经不喜欢折腾主题了。

    2013-05-06 下午 3:07 [回复]
    • 给新手写的教程,折腾折腾!

      2013-05-07 下午 12:29 [回复]

发表评论

快捷键:Ctrl+Enter