底部信息：

<br>
<a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh_CN" target="_blank">
<img src="https://mirrors.creativecommons.org/presskit/icons/cc.png" alt="cc" style="width:17px;">
<img src="https://mirrors.creativecommons.org/presskit/icons/by.png" alt="by" style="width:17px;">
<img src="https://mirrors.creativecommons.org/presskit/icons/nc.png" alt="nc" style="width:17px;">
<img src="https://mirrors.creativecommons.org/presskit/icons/sa.png" alt="sa" style="width:17px;">
</a>

Sakura 花瓣Cuckoo/includes/header.php body：

<div id="siteWrap"></div>
<script src="https://shiraikuroko.com/usr/themes/Cuckoo/assets/js/jquery.min.js"></script>
<script src="https://shiraikuroko.com/usr/themes/Cuckoo/assets/js/snowfall.jquery.kotenbu.js"></script>
<script src="https://shiraikuroko.com/usr/themes/Cuckoo/assets/js/cuckoo-kotenbuIndex.js"></script>
<!--Sakura↑--><!--花瓣↓-->
<canvas width="1440" height="338" id="js-background"></canvas>
<script src="https://shiraikuroko.com/usr/themes/Cuckoo/assets/js/createjs.min.js"></script>
<script src="https://shiraikuroko.com/usr/themes/Cuckoo/assets/js/particlejs_gochiusa.js"></script>
<script src="https://shiraikuroko.com/usr/themes/Cuckoo/assets/js/petal.js"></script>
<!--花边--><div id="wrapper"></div>

封面边饰Cuckoo/index.php mdui-col-md-8 <div id="side"></div>
更多css：

/*Sakura*/
#siteWrap {
position: fixed;
width: 100%;
min-height: 100vh;
pointer-events: none;
z-index: 1;
}
/*背景透明底/花瓣*/
body::before, body::after, #js-background {
content: '';
position: fixed;
inset: 0;
z-index: 0;
pointer-events: none;
}
/*花瓣透明底*/
body::before {
background: url(/usr/themes/Cuckoo/assets/images/OwO/petal.png);
opacity: .7;
}
body::after {
background: url();
opacity: 1;
}
/*背景*/
.background {
background-attachment: fixed;
background-position: 0% 0%;
background-size: cover;
}
/*侧边栏背景图位置*/
.sidebar-info-bg {
background-position: 0% 32%;
}
/*侧边栏猫爪印透明底*/
.sidebar-module {
background-image: url(/usr/themes/Cuckoo/assets/images/OwO/CatPawPrint.png);
background-size: cover;
}
/*文章封面位置*/
.index-img {
background-position: 0% 39%;
}
/*文章栏阴影块*/
.mdui-card-media-covered, .index-img-media:hover .mdui-card-media-covered {
background: rgba(0, 0, 0, .0);
background-image: url(/usr/themes/Cuckoo/assets/images/OwO/shadowblock.png);
background-size: cover;
}
/*封面边饰*/
#side::before {
left: 1;
}
#side::after {
right: 8px;
transform: scale(-1, 1);
}
#side::before,
#side::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 17px;
background: url(/usr/themes/Cuckoo/assets/images/OwO/deco_sidebar.svg) top center / contain;
z-index: 1;
}
/*花边*/
#wrapper::before {
left: 0;
transform: scale(-1, 1);
}
#wrapper::after {
right: 0;
}
#wrapper::before,
#wrapper::after {
content: "";
position: fixed;
background: url(/usr/themes/Cuckoo/assets/images/OwO/deco_side.svg) top / 100% auto;
top: 0;
bottom: 0;
width: 12%;
max-width: 160px;
z-index: 0;
}
/*菜单栏背景*/
.drawer {
background-image: url();
background-size: cover;
}
/*PC菜单栏背景位置*/
@media (min-width: 1440px) {
.drawer {
background-position: 0% 0%;
}
}
/*页脚背景*/
footer {
background: url(/usr/themes/Cuckoo/assets/images/footer.jpg);
background-position: 52% 0%;
background-size: cover;
z-index: 1;
}
/*亮色页脚字体颜色*/
footer {
color: #000;
}
footer a {
color: #000;
}
footer a:hover {
color: #ff4081
}
/*暗色页脚字体颜色*/
.mdui-theme-layout-dark footer {
color: #000;
}
.mdui-theme-layout-dark footer a {
color: #000;
}
.mdui-theme-layout-dark footer a:hover {
color: #ff4081
}

菜单栏底部图Cuckoo/includes/header.php

</ul><img src="" alt="菜单栏底部图" style="width: 100%; height: auto; display: block; margin-top: -261px;">

Cuckoo/includes/setting/header.php

设置外观背景图位置
.background{background-image: url("<?php setting("bgUrl", "images/bg.jpg"); ?>"); background-attachment: fixed; background-position: 0% 0%; background-size: cover;}
设置外观头像位置
.setting-card-img{background-image: url("<?php staticFiles('images/yousa.png'); ?>"); width: 0px; top: 0px; right: 0px;}
菜单栏背景图位置
<div class="mdui-drawer drawer" style="background-image: url();background-position: 0% 0%;">