首页 文章 教程 几行代码实现迅睿CMS全站黑白
几行代码实现迅睿CMS全站黑白
康露依

康露依

2022-12-06 21:55 / 0 / 1 / 0 / KR7


为了纪念我们伟大的江泽民同志,最近很多的网站都开了黑白滤镜,以表示我们对逝者的缅怀和悼念。作为站长,我们也需要将我们的网站做一些黑白滤镜修改。 #具体实现方法 ##方法一 替换所有CSS跟图片(力推) ##方法二 在需要滤镜的位置添加这样一段代码 ```css 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); } ``` 如果是全站黑白的话可以添加到“header.html”里。 ##其他的一些修改 为了以后使用起来更加方便,我们可以直接在后台添加这么一个表单 ![网站后台](https://img2.kangluyi.cn/img2/2022/12/06/88a2ee3e9ab170e.png) ###具体的实现过程 将这段代码添加到合适的位置(全站的话可以放到“header.html”里) ```php //全站黑白 if (dr_site_value(qzhb) == 2){ $mysite=0; if (dr_site_value(qzhbks) < date(Y-m-d&nbsp;H:i:s)) $mysite=1; if (dr_site_value(qzhbjs) > date(Y-m-d&nbsp;H:i:s)) $mysite=0; }else $mysite = dr_site_value(qzhb); if ($mysite == 1){ echo "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); } "; } ``` 在“项目设置”里新建字段 ![第一步](https://img2.kangluyi.cn/img2/2022/12/06/bd74bb7fdf3d4cb.jpg)依次创建三个字段 ![全站黑白](https://img2.kangluyi.cn/img2/2022/12/06/25ec91afc8977f5.jpg) ![全站黑白(开始)](https://img2.kangluyi.cn/img2/2022/12/06/ac7d185cdb06757.jpg) ![全站黑白(结束)](https://img2.kangluyi.cn/img2/2022/12/06/185d0586366b7fd.jpg) 这样就可以想黑就黑了(不是) ##最终效果 ![最终效果](https://img2.kangluyi.cn/img2/2022/12/06/b0899e88a9638ed.png)
0
温馨提示:

本文最后更新于 2023-05-01 ,若内容或图片失效,请留言反馈。