Featured image of post Sun-Panel 导航页自定义页脚​

Sun-Panel 导航页自定义页脚​

Sun-Panel 导航页自定义页脚 v1.3.0新增，我们可以通过 应用启动器 -> 基础设置 -> 自定义footer

Sun-Panel 导航页自定义页脚​

v1.3.0新增，我们可以通过 应用启动器 -> 基础设置 -> 自定义footer 来自定义页脚代码，此功能需要有基本的HTML的编码能力，如果您不了解不要填写来源不明的代码，如果填写代码后导致页面错乱，可以点击输入框右边的清除按钮或者重置。如果您有很棒的玩法并且有贡献的精神，可以在Github社区添加你的玩法。此页脚仅针对账号生效并非全局，如果想全局生效可以使用自定义js/css。

1 、备案号​

  • 将代码中的京换成你域名备案地的简写，xxxx…换成备案号
1
2
3

<div style="text-align: center;color:#fff">
    <a href="https://beian.miit.gov.cn" target="_blank">京ICP备 xxxxxxxxxx号</a>
</div>

2 、动态渐变背景​

此配置同时可以直接在自定义css中使用，如果在css中使用请删除代码中的标签，请注意使用此代码，默认自带背景部分设置将会失效，如果使用导致卡顿请停止使用 gif尺寸太大了不放图了，重点行代码最后三个参数可以修改你想要的颜色

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

<style>
@keyframes hueRotate {
    100% {
        filter: hue-rotate(360deg);
    }
}
.sun-main .cover {
    width: 100vw;
    height: 100vh;
    margin: auto;
}

.sun-main .cover::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(30deg, #ffcc00, deeppink, #9c27b0);
    -webkit-animation: hueRotate 5s infinite alternate;
    animation: hueRotate 5s infinite alternate;
}

.sun-main .cover[style*="filter"]::before {
    filter: none;
}
</style>