侧边栏滚动标题小工具-子比美化

介绍

就是在侧边栏中加一个滚动标题小工具,这个侧边栏可以在任何页面。

侧边栏滚动标题小工具-子比美化

设置教程

在外观—小工具—自定义HTML小工具,输入一下代码:

<--子比滚动公告框-->
<style>
    @keyframes move {
        0% {
            transform: translateX(0px);
        }

        100% {
            transform: translateX(-200%);
        }
    }

    .show-notice {
        width: 100%;
        overflow: hidden;
    }

    .show-notice-hello {
        float: left;
        width: 15%;
        background-color: var(--theme-color);
    }

    .show-notice-inner {
        float: left;
        width: 80%;
        margin-left: 2%;
        overflow: hidden;
    }

    .show-notice-move-text {
        font-size: 15px;
        color: var(--main-color);
        white-space: nowrap;
        animation: move 10s linear infinite;
    }
</style>
<div class="show-notice zib-widget">
    <div class="show-notice-hello badge">哈喽~</div>
    <div class="show-notice-inner">
        <div class="show-notice-move-text">  全站积分可通过签到和每日任务获取,连续签到满30天可领取月卡会员15天,可别错过哦!</div>
    </div>
</div>
<--子比滚动公告框-->
温馨提示: 本文最后更新于2024-05-30 22:36:58,某些文章具有时效性,若有错误或已失效,请在下方 留言或联系 袖白悦享
1 本网站名称:袖白悦享
2 本站永久网址:www.xiua.top
3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长QQ进行删除处理。
4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
© 版权声明
THE END
喜欢就支持一下吧
点赞0赞赏分享
评论 抢沙发

请登录后发表评论

    暂无评论内容