这样设计可以将网站模板变成灰色！

资料来源：网络整理时间：2023/3/22 10:04:20 共计：3577 浏览

　　在一些全国性的哀悼日里，全国各单位机关都要都下半旗表示哀悼，暂停一切娱乐性的活动。就连各大网站站点也要表示哀悼之意，网站站点不能下半旗，那么就通过网站站点整体呈灰色的形式来表示哀悼。为了迎合这一项需求，站点网站的模版的设计规划不仅仅是色彩斑斓的形式，现在站点网站的模版设计规划是既可以有色彩，也可以是整体呈灰色的形式。为了让大家更加清晰的了解站点网站的模版的色彩变化，小编以华祥科技网站建设的站点网站的模版为例，给大家分享站点网站的模版怎样设计规划可以变成灰色？

　　一、我们进入到华祥科技网站建设的设计规划第三方平台，选取一个站点网站的模版，然后进入到站点网站的模版的设计规划网站页面，访问点击网站页面左侧四个功能按钮的配置设置。然后访问点击基础配置设置菜单栏勾选下方的网站站点首页变灰。

　　二、确定后回到网站模版设计规划的网站页面，访问点击右上角的保存。通过预览，就能看到整个站点网站的模版的首页已经呈灰色状态了。

　　如果我想让整个站点网站的模版都变灰色，又该怎样设计规划呢？

　　我们回到原先的高级选项，先勾选网站站点插件代码，然后点配置设置。

　　然后在插入代码框里插入以下的代码：

　　<style>

　　body * {

　　-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);

　　filter: gray;

　　}

　　</style>

　　访问点击保存。

　　通过预览就能看到网站站点的各个网站页面都能呈现出变灰色的状态了。

　　以上步骤就是如何将网站模版变灰的方式方法，学会这个技能，就可以让站点网站的模版设计规划呈现灰色形式了，希望可以帮助到有需要进行站点网站的模版设计规划的朋友们！

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：企业网站的内容被轻易复制？试试这个功能吧 | ·下一条：手机网站折叠标签的制作教程