wordpress美化-悼念时刻让网站整站变灰白

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>

 

WP美化

网站右下角可关闭的悬浮广告窗口HTML代码

2020-3-29 13:33:25

WP美化

【RIPro6.4子主题UI美化】日主题专业版RIPRO细节美化增加在线自助友链申请与引导会员模块

2020-4-10 15:32:49

个人中心
今日签到
有新私信 私信列表
有新消息 消息中心
搜索