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

发布时间:2024-05-21 点击:44
在一些全国性的哀悼日里,全国各单位机关都要都下半旗表示哀悼,暂停一切娱乐性的活动。就连各大网站也要表示哀悼之意,网站不能下半旗,那么就通过网站整体呈灰色的形式来表示哀悼。为了迎合这一项需求,网站模板的设计不仅仅是色彩斑斓的形式,现在网站模板设计是既可以有色彩,也可以是整体呈灰色的形式。为了让大家更加清晰的了解网站模板的色彩变化,小编以f360f自助建站的网站模板为例,给大家分享网站模板怎样设计可以变成灰色?
一、我们进入到f360f自助建站的设计平台,选取一个网站模板,然后进入到网站模板的设计页面,点击页面左侧四个功能按钮的设置。然后点击基础设置菜单栏勾选下方的网站首页变灰。
二、确定后回到模板设计的页面,点击右上角的保存。通过预览,就能看到整个网站模板的首页已经呈灰色状态了。
如果我想让整个网站模板都变灰色,又该怎样设计呢?
我们回到原先的高级选项,先勾选网站插件代码,然后点设置。
然后在插入代码框里插入以下的代码:
<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>
点击保存。
通过预览就能看到网站的各个页面都能呈现出变灰色的状态了。
以上步骤就是如何将模板变灰的方法,学会这个技能,就可以让网站模板设计呈现灰色形式了,希望可以帮助到有需要进行网站模板设计的朋友们!


现在seo都是怎么做的(为什么要进行SEO优化)
企业网站制作要怎样建设资讯内容呢
是时候给自己的个人网站减减负了
goodseolink广告投放技巧有哪些?goodseolink平台广告怎么投放?
SEO优化:关于移动网站优化策略及要点分析!
制作网页过程中如何更好地运用黄色呢
网站建设应该如何提升用户黏度
【网站建设哪家好】做网站找哪家好?怎么做一个独特的网站?