4月4号了,根据有关通知精神,在这个特殊的时刻,作为一名普通的站长,我们也能通过一些行动,来表达自己沉痛的心情,让你的网站变成黑白吧。这一节的wordpress美化教程就教你如何让网站变成灰白色。
通用的做法是在适当的位置给你的网站添加几行CSS样式即可。
测试了以下浏览器,均有效。
- 谷歌浏览器(80.0.3987.149(正式版本))
- 火狐浏览器(74.0)
- QQ浏览器(10.5.2)
- 360浏览器(12.1.2248.0)
- Microsoft Edge(……)
- IE(11.719.18362.0)
整站变灰:
如果您的网站是通过wordpress搭建的,您可以在主题根目录下的style.css
底部添加以下代码:
/*网站整体灰白*/ body { -webkit-filter: grayscale(100%); /* webkit */ -moz-filter: grayscale(100%); /*firefox*/ -ms-filter: grayscale(100%); /*ie9*/ -o-filter: grayscale(100%); /*opera*/ filter: grayscale(100%); }
我只想整站图片变灰白:
/*网站图片灰白 - 源码屋*/ body img{ -webkit-filter: grayscale(100%); /* webkit */ -moz-filter: grayscale(100%); /*firefox*/ -ms-filter: grayscale(100%); /*ie9*/ -o-filter: grayscale(100%); /*opera*/ filter: grayscale(100%); }
我只想首页变灰白:
在主题根目录下的index.php
文件的
在<?php
在这个代码前面添加以下代码:
get_footer();
<style type="text/css"> /*网站灰白 - 源码屋*/ body { -webkit-filter: grayscale(100%); /* webkit */ -moz-filter: grayscale(100%); /*firefox*/ -ms-filter: grayscale(100%); /*ie9*/ -o-filter: grayscale(100%); /*opera*/ filter: grayscale(100%); } </style>
我对IE情有独钟:
/*网站整体灰白 - 源码屋*/ body { -webkit-filter: grayscale(100%); /* webkit */ -moz-filter: grayscale(100%); /*firefox*/ -ms-filter: grayscale(100%); /*ie9*/ -o-filter: grayscale(100%); /*opera*/ filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
我是Typecho:
您可以将以下代码添加至主题的footer.php
文件底部</body>
标签前保存即可。
style type="text/css"> /*网站整体灰白 - 源码屋*/ body { -webkit-filter: grayscale(100%); /* webkit */ -moz-filter: grayscale(100%); /*firefox*/ -ms-filter: grayscale(100%); /*ie9*/ -o-filter: grayscale(100%); /*opera*/ filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } </style.css>