Chevereto的简单美化效果教程

其实很多人都在吐槽Chevereto的上边导航栏的白色边框很扎眼，所以，咱们这里教大家怎么给他调整为透明或者毛玻璃效果，这样与背景图的效果看着会更加舒服！

具体效果如下

图中咱们是修改了上面的导航栏为毛玻璃效果，然后在首页加了一行统计文件数量的代码，下面正式开始教学！

修改导航栏为毛玻璃/全透明效果

1、打开peafowl.min.css

在网站的根目录按照以下路径打开并编辑：打开/content/legacy/themes/Peafowl/lib/peafowl.min.css

打开后可以看到这凌乱的代码，Chevereto官方给他压缩了，凑合看吧，如果你实在看不惯的话，给它格式化之后在修改也没问题的啦

诺诺诺。给你们瞅瞅格式化之后的代码

咳咳，，跑题了跑题了，改代码先

在这个文件里搜索.top-bar::before,.top-sub-bar::before{width:100%;

在末尾添加以下代码

background-color: rgba(0, 0, 0, 0);

加完后的效果如下：

.top-bar::before,.top-sub-bar::before{width:100%;height:calc(100% + .5px);position:absolute;content:" "; background-color: rgba(0, 0, 0, 0);}

改完后到图床首页刷新即可看到效果

修改导航栏为毛玻璃/全透明效果

还是在这个文件内操作

搜索.top-bar::before,.top-sub-bar::before{width:100%;background-color: rgba(0, 0, 0, 0);min-height:50px;position:absolute;content:" "}

删除中间的height:calc(100% + .5px);

最终结果为 .top-bar::before,.top-sub-bar::before{width:100%;position:absolute;content:" ";}

你可以直接腐殖质扼断去替换即可，改完后在网站首页刷新即可！