全国服务热线:4008-888-888

技术知识

农业微信小程序商城-那样设计方案能够将网站模

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

一、我们进入到凡科建站的设计平台,选取一个网站模板,然后进入到网站模板的设计页面,点击页面左侧四个功能按钮的设置。然后点击基础设置菜单栏勾选下方的网站首页变灰。

 

设计网站首页变灰

                                               

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

网站首页灰色状态

如果我想让整个网站模板都变灰色,又该怎样设计呢? 

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


网站设计插件代码

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

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

点击保存。

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

整个网站设计呈灰色状态

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



在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服