一行代码网站整体变灰教程

爱资源网 其他教程评论1271阅读模式

一行代码网站整体变灰教程

方法一通用代码:

一般主题都有自定义CSS样式设置页面,只需要将下面的代码放进去保存即可。若没有设置的地方,可以放在网站主题根目录的stly.css文件中:

 html {
 filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
 -webkit-filter: grayscale(100%);
 }

 

方法二WordPress程序:

WordPress程序可以在主题目录的functions.php文件里面添加以下内容,也可以使用上一个方案

//网站整体变灰
  function hui_head_css() {
 $styles = "";
 $styles .= "html{overflow-y:scroll;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}";
 if ($styles) {
 echo "<style>" . $styles . "</style>";
 }
 }
 add_action("wp_head", "hui_head_css");

 

方法三:

可在当前WordPress主题自定义CSS中,添加以下代码,也可以添加在当前WordPress模板的<head>中!

ps:添加在自定义css中去掉<style>和</style>

<style>
html {
filter:grayscale(100%);
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
-webkit-filter:grayscale(1);
}
</style>

 

若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!欢迎打赏!

  • 版权声明 1、本网站名称:爱资源网
    本站永久网址:https://www.izywang.com
    2、如果您喜欢本站,点击这儿 不花一分钱捐赠本站

    这些信息可能会帮助到你: 下载帮助 | 报毒说明 | 进站必看

    3、本站所发布的一切资源仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。
    附:二00二年一月一日《计算机软件保护条例》第十七条规定:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬!鉴于此,也希望大家按此说明研究软件!
    4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
    6、本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。

  • 转载请务必保留本文链接:一行代码网站整体变灰教程https://www.izywang.com/79.html

评论  0  访客  0
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: