几行代码实现迅睿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 H:i:s))
$mysite=1;
if (dr_site_value(qzhbjs) > date(Y-m-d 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 ,若内容或图片失效,请留言反馈。