网站网页 “悼念模式” 首页变灰/黑白色处理方法

2022年12月02日【 字体:

网页变黑白是一种用来表达哀思的方法,各大网站也通过自己的方式,国家公祭日、清明节、悼念先烈等等,可以让网站变成黑白色或者灰色,以表默哀或悼念。

具体处理设置方法如下:



一、楚雄州政府网站集群设置方法

网站后台点击其他设置,打开左侧菜单网站变灰设置,选择“哀悼日风格”即可将网站首页变成灰色,需要恢复时点击“正常网站风格”即可。

网站网页 “悼念模式” 首页变灰/黑白色处理方法

设置后首页如下:


网站网页 “悼念模式” 首页变灰/黑白色处理方法



二、使用网捷科技CMS网站管理系统设置方法

在设置前首先要找到首页模板的位置,可在后台右上方点击设置—打开系统设置—系统参数配置—模板绑定,找到具体模板存放的位置,默认{@TemplateDir}/网站首页模板.html(对应网站目录\Template\网站首页模板.html),如下图:

网站网页 “悼念模式” 首页变灰/黑白色处理方法



(一)方法一:服务器上操作设置方法(适用于外网访问、内网访问(如公安、交警、消防),兼容IE、搜狗、360、谷狗浏览器)

首先远程grayscale.css文件放到网站CSS目录下,需要知道首页绑定模板的位置,找到首页模板在<head></head>中间任意位置加上以下代码串,可用记事本或其他HTML编辑器打开,如果无CSS目录可以网站下方建立目录,下载 grayscale.css文件 

 下载信息  [文件大小:0.23 KB 下载次数: 次]
点击下载文件:grayscale


网站网页 “悼念模式” 首页变灰/黑白色处理方法

代码增加后保存首页模板,后台生成首页,IE浏览器如下:

网站网页 “悼念模式” 首页变灰/黑白色处理方法



(二)方法二:网站后台设置方法(适用于如公安、消防内网访问,兼容IE、搜狗、360、谷狗浏览器)

首先进入网站后台操作增加CSS文件,点击上方标签,再点击左侧所有模板管理,最后点击CSS管理

网站网页 “悼念模式” 首页变灰/黑白色处理方法
进入该界面后点击新建CSS文件,取名grayscale.css 如下图

网站网页 “悼念模式” 首页变灰/黑白色处理方法
新建无成后再点编辑,进入编辑界面

网站网页 “悼念模式” 首页变灰/黑白色处理方法
编辑框内把下载的代码粘贴进来,然后保存 ,下载 grayscale.css文件 

 下载信息  [文件大小:0.18 KB 下载次数: 次]
点击下载文件:grayscale

网站网页 “悼念模式” 首页变灰/黑白色处理方法
新建css文件后,找到首页模板的位置,可在后台右上方点击设置—打开系统设置—系统参数配置—模板绑定,找到具体模板存放的位置,默认{@TemplateDir}/网站首页模板.html,这时找到首页模板编辑打开在<head></head>中间任意位置加上以下代码串,<link href="/images/grayscale.css" rel="stylesheet">

网站网页 “悼念模式” 首页变灰/黑白色处理方法

增加后保存,后台底部菜单点击生成首页,刷新一下即可查看效果

(三)方法三:多站点引用代码方法

如果在同一台服务器有多个站点需要使用,只需要引用一个点即可,无需新建CSS文件,如果使用IP访问修改网址,方法参考如下:

网站网页 “悼念模式” 首页变灰/黑白色处理方法

网站网页 “悼念模式” 首页变灰/黑白色处理方法

(四)方法四:网站后台通过增加标签方法

首页模板里把<link href="/css/grayscale.css" rel="stylesheet">替换成标签即可,优点就是不需要使用改标下标签名称就读取不到信息,需要使用时改为正确的标签名称,可随用随关。

网站网页 “悼念模式” 首页变灰/黑白色处理方法

后台对应增加自定义标签内容即可

网站网页 “悼念模式” 首页变灰/黑白色处理方法

让首页恢复原来状态时,只需在模板里把<link href="/css/grayscale.css" rel="stylesheet">代码删除,或者更改下标签名称