樱花特效-Ripro-Rizhuti-V2-V5-Rimini-Riplus日主题子主题美化
日主题系列都适用,如遇到问题可联系站长
配置教程
一、打开/inc/options下的admin-options.php文件把下面代码放在倒数第2行
//特效美化 - 樱花特效
CSF::createSection($prefix, array(
'title' => '樱花特效设置',
'fields' => array(
array(
'id' => 'is_cherry',
'type' => 'switcher',
'title' => '樱花特效',
'label' => '启用后全站会飘落樱花',
'default' => false,
),
),
));
二、主题根目录下打开functions.php将以下代码放在最后
//+----------------------------------------------------------------------
//| 樱花特效
//+----------------------------------------------------------------------
if (_cao('is_cherry')) {
add_action('wp_footer', function () {
echo <<<EOT
<script type="text/javascript" src="https://van.ygit.net/wp-content/themes/van/assets/js/beautify/snowfall.js"></script>
<div class="meiha"></div>
<style>
.meiha {
position: fixed;
top: 0;
right: 0;
z-index: 999;
width: 350px;
height: 231px;
pointer-events: none;
}
.snowfall-flakes {
pointer-events: none;
animation: sakura 1s linear 0s infinite;
}
.snowfall-flakes {
animation: sakura 1s linear 0s infinite;
}
.night .snowfall-flakes {
background: transparent !important;
}
@keyframes sakura {
0% {
transform: rotate3d(0, 0, 0, 0deg);
}
25% {
transform: rotate3d(1, 1, 0, 60deg);
}
50% {
transform: rotate3d(1, 1, 0, 0deg);
}
75% {
transform: rotate3d(1, 0, 0, 60deg);
}
100% {
transform: rotate3d(1, 0, 0, 0deg);
}
}
</style>
EOT;
}, 100);
}
三、后台设置一下数据就可以了。
1、本站资源均存储在云盘,如发现链接失效,请联系我们我们会第一时间更新;
2、根据2013年1月30日《计算机软件保护条例》2次修订第17条规定:
为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,
可以不经软件著作权人许可,不向其支付报酬!鉴于此,也希望大家按此说明研究软件!
3、本站资源仅供学习和研究,大家请在下载后24小时内删除, 请勿进行商业交易、运营等行为;
4、本站所有源码都来源于网络收集修改或者交换!如果侵犯了您的权益,请及时告知我们,我们即刻处理!
2、根据2013年1月30日《计算机软件保护条例》2次修订第17条规定:
为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,
可以不经软件著作权人许可,不向其支付报酬!鉴于此,也希望大家按此说明研究软件!
3、本站资源仅供学习和研究,大家请在下载后24小时内删除, 请勿进行商业交易、运营等行为;
4、本站所有源码都来源于网络收集修改或者交换!如果侵犯了您的权益,请及时告知我们,我们即刻处理!