碉堡了论坛

 找回密码
 立即注册
查看: 367|回复: 23

实现网站全局变灰操作方式和教程方法

[复制链接]

1

主题

97

帖子

2416

积分

金牌会员

Rank: 6Rank: 6

积分
2416
发表于 2022-8-15 10:55:48 | 显示全部楼层 |阅读模式
网站全体变灰主要在用于哀悼缅怀烈士和悼念日使用,国家公祭日等等勿忘历史勿忘痛使用教程:也很简单,只需要在两个文件中添加一行代码就可以实现,具体演示效果可以查看上方截图的效果1、后台主题设置—>自定义代码—>自定义 CSS 样式代码把下面的代码添加到里面其他网页或者主题直接在 foot 或者 head 文件底部添加即可,记得添加引用即可如<style type=”text/css”>此处中间添加 css 代码样式</style>CSS 样式代码:样式一代码:推荐使用/*网站整体灰白样式开始一*/          :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: progidXImageTransform.Microsoft.BasicImage(grayscale=1);          }          body{            filter:gray;          }/*网站整体灰白样式开始一*/第二种样式代码:/*网站整体灰白样式开始二*/body {-webkit-filter: grayscale(100%); /* webkit */-moz-filter: grayscale(100%); /*firefox*/-ms-filter: grayscale(100%); /*ie9*/-o-filter: grayscale(100%); /*opera*/filter: grayscale(100%);}/*网站整体灰白样式二结束*/第三种样式代码:/*网站整体灰白样式开始三*/html{    -webkit-filter: grayscale(100%);            filter: grayscale(100%);}/*网站整体灰白开始样式三结束*/

0

主题

1350

帖子

520

积分

高级会员

Rank: 4

积分
520
发表于 2022-10-13 00:40:47 | 显示全部楼层
666666

0

主题

1344

帖子

238

积分

中级会员

Rank: 3Rank: 3

积分
238
发表于 2023-1-16 23:49:17 | 显示全部楼层
真是 收益 匪浅

0

主题

1293

帖子

489

积分

中级会员

Rank: 3Rank: 3

积分
489
发表于 2023-1-22 00:43:40 | 显示全部楼层
666666666666666

0

主题

1367

帖子

168

积分

注册会员

Rank: 2

积分
168
发表于 2023-1-27 21:07:15 | 显示全部楼层
不错不错,楼主您辛苦了。。。

0

主题

1341

帖子

683

积分

高级会员

Rank: 4

积分
683
发表于 2023-1-28 16:38:22 | 显示全部楼层
有竞争才有进步嘛

0

主题

1276

帖子

1324

积分

金牌会员

Rank: 6Rank: 6

积分
1324
发表于 2023-2-5 05:02:23 | 显示全部楼层
看帖回帖是美德!

0

主题

1340

帖子

691

积分

高级会员

Rank: 4

积分
691
发表于 2023-2-12 00:28:58 | 显示全部楼层
找到好贴不容易,我顶你了,谢了

0

主题

1323

帖子

239

积分

中级会员

Rank: 3Rank: 3

积分
239
发表于 2023-2-12 01:04:48 | 显示全部楼层
6666666

0

主题

1277

帖子

497

积分

中级会员

Rank: 3Rank: 3

积分
497
发表于 2023-2-14 13:34:41 | 显示全部楼层
我是个凑数的。。。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|手机版|小黑屋|碉堡了论坛 ( 粤ICP备2021165787号-1 )

GMT+8, 2024-12-22 22:51 , Processed in 0.079688 second(s), 40 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, dfer.top

快速回复 返回顶部 返回列表