在一些全國性的哀悼日里，全國各單位機(jī)關(guān)都要都下半旗表示哀悼，暫停一切娛樂性的活動。就連各大網(wǎng)站也要表示哀悼之意，網(wǎng)站不能下半旗，那么就通過網(wǎng)站整體呈灰色的形式來表示哀悼。為了迎合這一項需求，網(wǎng)站模板的設(shè)計不僅僅是色彩斑斕的形式，現(xiàn)在網(wǎng)站模板設(shè)計是既可以有色彩，也可以是整體呈灰色的形式。為了讓大家更加清晰的了解網(wǎng)站模板的色彩變化，小編以凡科建站的網(wǎng)站模板為例，給大家分享網(wǎng)站模板怎樣設(shè)計可以變成灰色？
一、我們進(jìn)入到凡科建站的設(shè)計平臺，選取一個網(wǎng)站模板，然后進(jìn)入到網(wǎng)站模板的設(shè)計頁面，點擊頁面左側(cè)四個功能按鈕的設(shè)置。然后點擊基礎(chǔ)設(shè)置菜單欄勾選下方的網(wǎng)站首頁變灰。
二、確定后回到模板設(shè)計的頁面，點擊右上角的保存。通過預(yù)覽，就能看到整個網(wǎng)站模板的首頁已經(jīng)呈灰色狀態(tài)了。
如果我想讓整個網(wǎng)站模板都變灰色，又該怎樣設(shè)計呢？
我們回到原先的高級選項，先勾選網(wǎng)站插件代碼，然后點設(shè)置。
然后在插入代碼框里插入以下的代碼：
<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>
點擊保存。
通過預(yù)覽就能看到網(wǎng)站的各個頁面都能呈現(xiàn)出變灰色的狀態(tài)了。
以上步驟就是如何將模板變灰的方法，學(xué)會這個技能，就可以讓網(wǎng)站模板設(shè)計呈現(xiàn)灰色形式了，希望可以幫助到有需要進(jìn)行網(wǎng)站模板設(shè)計的朋友們！
