type
status
date
slug
summary
tags
category
icon
password
路径：/usr/themes/butterfly/index.css
- #page-header.full_page{height:100vh; > height:20vh; 文章页距离顶部
- max-width:1200px; > max-width:1800px; 文章区域宽度增加
- width:100%;flex-direction:row-reverse; 接上一条自定义添加
- {#aside-content{padding-left:15px}}@media > padding-right:15px 布局左右调换后，导致的两块区域接缝重叠
路径：/usr/themes/butterfly/css/custom.css
- 删除25-27行 对文章区域背景滤镜的删除
修改背景图，保持铺满屏幕，不跟随滚动，自适应大小，区块背景透明
- 路径 /usr/themes/butterfly/header.php 和 index.css
在header.php中将原先在head标签下的背景图获取方式移动到body标签下
在index.css中，删除#page-header 标签下的 background color属性，以获得透明背景
经过测试，原先index.css中的background:var(--global-bg);属性对于背景控制无效，所以删除。并且添加相应的三个属性，分别为 background-repeat:no-repeat; background-attachment:fixed; background-size:cover; 含义分别为不重复，不跟随滚动，自适应大小
修改无图文章的背景图，并且需要获取的图片不一致
路径：/usr/themes/butterfly/functions.php
将
$rand=mt_rand(1,26);这行前边的 // 注释删除 。以此来获得一个随机数替换图中链接替换，也可以是服务器本地的地址
给部分界面添加毛玻璃效果
找到对应css，添加backdrop-filter:blur(5px);
微信公众号 - 六六姐的小喇叭
CG交流Q群 - 369748859
游戏群 - 485939898
学习途中的一些随笔，
希望对大家有用
💖😎😉🤣😘💕
- 作者:六六
- 链接:http://blog.cathi.cn/article/085d02d1-54fe-4566-ab4b-697217639825
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。
