子比主题美化 网站底部统计背景渐变色教程

效果图：

本站之前分享过其他的统计美化，今天分享个纯色背景渐变统计的，主题更新后也不会影响代码的部，想要其他款式的美化可以站内搜索。

使用教程：

把31行的(“2022-5-28”)修改成你网站的创建时间就可以。
2.进入后台—>zibll主题设置—>全局功能—>自定义代码—>自定义CSS样式(把下面的代码添加进去).

/*底部统计开始*/
/*背景图*/#caired{
            height: 100%;
            width: 100%;
            margin: 0;
            padding: 0;
            font-family: "montserrat";
            background-image: -webkit-linear-gradient(45deg,#2c3e50,#27ae60,#2980b9,#e74c3c,#8e44ad);
            background-size: 400%;
            animation: bganimation 15s infinite;
        }
 
        @keyframes bganimation {
            0%{
                background-position: 0% 50%;
            }
            50%{
                background-position: 100% 50%;
            }
            100%{
                background-position: 0% 50%;
            }
        }
#caired{border-radius: 10px;}
#caired .cai ul{display: flex;}
#caired .cai ul li{width: 20%; color: #fff; text-align: center;}
#caired .cai ul li span{font-size: 24px; font-family: Arial;}@media screen and (max-width: 768px){#caired .cai ul li span{font-size: 20px; font-family: Arial;}}
 #caired .cai{font-weight:700;padding:20px 0 20px 0;}
 /*底部统计结束*/

3.进入后台—>ZiBll主题设置—>全局功能—>自定义代码—>自定义javascript代码(把下面的代码添加进去).

//底部统计开始
document.getElementById("caired").parentNode.parentNode.style.padding=0
//底部统计结束

4.进入后台—>外观—>小工具—>首页底部全宽—>添加文本小工具

5.在文本编辑器下填入下面代码：

<?php echo dbtj()?>

6.进入网站首页，刷新即可。