
正文开始阅读,请点击右上角“关注”按钮,关注我们
前言
- 网站全体变灰主要在用于哀悼缅怀烈士和悼念日使用,国家公祭日等等
- 勿忘历史勿忘痛
使用教程:
也很简单,只需要在两个文件中添加一行代码就可以实现。
1、后台主题设置—>自定义代码—>自定义 CSS 样式代码把下面的代码添加到里面
其他网页或者主题直接在 foot 或者 head 文件底部添加即可,记得添加引用即可如
<style type=”text/css”>此处中间添加 css 代码样式</style>
CSS 样式代码:
方法一:全局变灰(自定义修改色值,适用所有主题)
/*网站整体灰白样式开始一*/
/*by-映凡空间 - www.yfkj6.com*/
:root {
--BG_COLOR: #121212;
--FONT_COLOR: rgba(255, 255, 255, .87);
--TAB_TITLES_COLOR: rgba(255, 255, 255, .6);
--SUB_TITLE_COLOR: rgba(255, 255, 255, .38);
--TAB_TITLES_HOVER_COLOR: #fff;
--TITLE_HOVER_COLOR: #0D9BFF;
--RIGHT_CONTENT_TEXT_COLOR: rgba(255, 255, 255, .5);
--FOCUS_BG_COLOR: #222222;
--TAB_SUBTITLES_BG_COLOR: rgba(50, 51, 53, .7);
--IMG_DEFAULT_COLOR: #333333;
}
html {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
body{
filter:gray;
}
/*by-映凡空间 - www.yfkj6.com*/
/*网站整体灰白样式结束*/
方法二:全局变灰
/*网站整体灰白样式开始一*/
/*by-映凡空间 - www.yfkj6.com*/
html{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
/*by-映凡空间 - www.yfkj6.com*/
/*网站整体灰白样式开始*/
方法三:首页变灰
/*网站首页灰白样式开始一*/
/*by-映凡空间 - www.yfkj6.com*/
html body.home{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
/*by-映凡空间 - www.yfkj6.com*/
/*网站首页灰白样式结束*/
感谢您的来访,获取更多精彩文章请收藏本站。


Invitation
YingFan
-scan
created:2022/05/10
Nice to meet you!
Use this card to join the YingFan's Space and participate in a pleasant discussion together .
Welcome to YingFan's Space,wish you a nice day .
© 版权声明
THE END
暂无评论内容