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

康露依

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


为了纪念我们伟大的江泽民同志,最近很多的网站都开了黑白滤镜,以表示我们对逝者的缅怀和悼念。作为站长,我们也需要将我们的网站做一些黑白滤镜修改。

具体实现方法

方法一

替换所有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”里。

其他的一些修改

为了以后使用起来更加方便,我们可以直接在后台添加这么一个表单 网站后台

具体的实现过程

将这段代码添加到合适的位置(全站的话可以放到“header.html”里)

//全站黑白
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);
        } "; 
    }

在“项目设置”里新建字段 第一步依次创建三个字段 全站黑白 全站黑白(开始) 全站黑白(结束) 这样就可以想黑就黑了(不是)

最终效果

最终效果

0
温馨提示:

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