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

Jaysun

文章最后更新时间:2023年10月28日

效果图:

dbtj.gif


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


使用教程:

VIP专属内容
白银VIP 免费查看
开通会员
开通白银VIP可查看该内容
该内容VIP会员可见,您未登录,请先登录

把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.进入网站首页,刷新即可。

您需要 登录账户 后才能发表评论

发表评论

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
评论列表 (暂无评论,588人围观)

还没有评论,来说两句吧...

目录[+]

取消
微信二维码
微信二维码
支付宝二维码