应国家号召,遇见台儿庄将于2020年4月3日起,全站灰色调默哀至4月4日23:59:59(附灰色调教程)

遇见台儿庄 台庄资讯114.2K2字数 913阅读3分2秒阅读模式

中国国务院办公厅4月3日在一则通知中指出,为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼,国务院决定,2020年4月4日举行全国性哀悼活动。在此期间,全国和驻外使领馆下半旗志哀,全国停止公共娱乐活动。4月4日10时起,全国人民默哀3分钟,汽车、火车、舰船鸣笛,防空警报鸣响。

应国家号召,遇见台儿庄将于2020年4月3日起,全站灰色调默哀至4月4日23:59:59文章源自遇见台儿庄-https://www.cntez.com/news/81352.html

4月4日10时全国人民默哀3分钟文章源自遇见台儿庄-https://www.cntez.com/news/81352.html

应国家号召,遇见台儿庄将于2020年4月3日起,全站灰色调默哀至4月4日23:59:59(附灰色调教程)
 文章源自遇见台儿庄-https://www.cntez.com/news/81352.html

教程开始

遇见台儿庄给大家分享一行代码实现WordPress网站变成灰色,非常简单。支持PC端IE浏览器、Chrome浏览器以及火狐浏览器。文章源自遇见台儿庄-https://www.cntez.com/news/81352.html

将这段代码加入主题文件夹下的style.css或div.css文件最底部,保存,到前台刷新一下,网页变灰色了吧,包括网站的广告、图片等整个网页变黑白了。文章源自遇见台儿庄-https://www.cntez.com/news/81352.html

 文章源自遇见台儿庄-https://www.cntez.com/news/81352.html

  1. html {  
  2.     filter: grayscale(100%);  
  3.     -webkit-filter: grayscale(100%);  
  4.     -moz-filter: grayscale(100%);  
  5.     -ms-filter: grayscale(100%);  
  6.     -o-filter: grayscale(100%);  
  7.     filter: url("data:image/svg+xml; 
  8.     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");  
  9.     filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  
  10.     -webkit-filter: grayscale(1);  
  11. }  
文章源自遇见台儿庄-https://www.cntez.com/news/81352.html文章源自遇见台儿庄-https://www.cntez.com/news/81352.html
继续阅读
  • 我的微信
  • 台儿庄,一个寻梦的地方。
  • weinxin
  • 微信赞赏码
  • 您的赞赏,必超所值!
  • weinxin
评论  11  访客  5  作者  6
    • 清隆
      清隆 2

      这玩意貌似对我的站无效

        • 遇见台儿庄
          遇见台儿庄

          @ 清隆 不应该吧,基本都可以的啊,你没有引用吗

            • 清隆
              清隆 2

              @ 遇见台儿庄 不清楚,放在主题自定义样式或者css都无效,查看代码是加载了的

                • 遇见台儿庄
                  遇见台儿庄

                  @ 清隆 这就尴尬了 :arrow:

                    • 清隆
                      清隆 2

                      @ 遇见台儿庄 不管它了,无所畏惧

                        • 遇见台儿庄
                          遇见台儿庄

                          @ 清隆 不灰也没事…

                          • 遇见台儿庄
                            遇见台儿庄

                            @ 清隆 一些站长的网站可能使用这个css 不能生效,是因为网站没有使用最新的网页标准协议。

                              • 清隆
                                清隆 2

                                @ 遇见台儿庄 不应该啊,同款主题

                                  • 遇见台儿庄
                                    遇见台儿庄

                                    @ 清隆 试试鸟哥的
                                    /** 灰**/
                                    .nav-top, #navigation-top li a, #navigation-top img, .post, .page, .widget, .tg-site, .xm4, .cover4x, #scroll, .links-box, .cms-news-grid-container, .cat-container,
                                    .gw-box, .sx4, .owl-theme, .site-footer, .contactus, .single-tag, .authorbio, #submit, .login-overlay, .header-sub, .pagenav-clear, .nav-section, .comment, .comment-respond, .group-tab-site {
                                    filter: grayscale(90%);
                                    -webkit-filter: grayscale(90%);
                                    -moz-filter: grayscale(90%);
                                    -ms-filter: grayscale(90%);
                                    -o-filter: grayscale(90%);
                                    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0.9);
                                    }

                    匿名

                    发表评论

                    匿名网友 填写信息

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

                    确定