2020年4月4日是全国的哀悼日,我们作为网站长没能在奋斗在一线,但是我们至少可以一起把自己的网站变灰来表达对所有为疫情做出牺牲的烈士,那么如需要将网站变灰呢,趣模板源码网写个简单的教程,理论上适用于所有wordpress网站模板。
我在网上找了一段CSS代码,并且测试已经把趣模板主页变灰了,下面可以看到效果图!
那么这是怎么实现的呢?
就是吧下面这段html标签的CSS代码放在你的整站公用的CSS文件中。如果你不知道要放在哪个文件,可以F12审查元素找出你的CSS文件,或者直接审查元素的时候编辑CSS测试一下,如果变灰色了那么就是这个CSS文件了,一般都是style.css,但现在的主题改动大所以还是找一下比较好。
网站黑白代码:
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,#grayscale”); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}
如果你的是style.css文件,那么就放在最底部,到前台刷新一下,网页变灰色了吧,包括网站的广告、图片等整个网页变黑白了,网上流传的网页变灰代码大多都支持IE核心的浏览器,对火狐、谷歌等支持不好,我找到的这段网页变灰代码完美兼容火狐、谷歌等浏览器.
如果只想首页变成灰色,那么就找出修改首页的CSS文件就行。
如果想变成其它的颜色,那么可以自行尝试修改一下里面的颜色数值.
可能对于一些对CSS作过强制转换处理的主题,会没有效果。
好了教程到这里就结束了。
让我们一起真诚的哀悼这些因疫情牺牲烈士,也祝福所有患者早日康复与家人团圆。
希望人们都善良,希望祖国繁荣昌盛,祝愿所有看到这篇文章的网友全家安康。