子比主题 – 滚动公告条代码美化

飞流 · 发表于 2025-10-10 16:55:58

资源无需等待，交易就趁现在，全面资源整合网络大咖云集，让你轻松玩转互联网！

您需要登录才可以下载或查看，没有账号？立即注册

×

这是一款子比主题的滚动公告条的代码，腾飞博客看到别的站有这个，就扒过来了，这个滚动公告条还是不错的，很简约，而且什么网站都是通用的，喜欢的自行部署吧！

代码部署

定位：WP后台–>>外观–>>小工具–>>自定义HTML，将下面的代码放到里面，放到你自己喜欢的位置！

<div class="zibi2024-banner tf-banner">
<marquee>
<span style="color:#996300">特别声明：</span>
注册会员根据级别享有相关下载优惠，请仔细辨别。所有资源均收集于互联网仅供学习、参考和研究，请理解这个概念，所以不能保证每个细节都符合你的需求，也可能存在未知的BUG与瑕疵，你下载的资源和程序源码组件因其特殊性均为可复制品，所以不支持任何理由的退款兑现，请认真阅读本站声明和相关条款后再点击支付下载。
</marquee>
</div>
<style>
.zibi2024-banner.tf-banner {
position: relative;
background-image: url('https://www.tfbkw.com/wp-content/uploads/2025/07/20250706151712553-icon-recommend-top-bg.svg');
background-size: auto 100%;
display: flex;
justify-content: center;
align-items: center;
color:#555;
font-size:22px;
padding:20px;
letter-spacing: 2px;
border-radius: 5px;
}
.zibi2024-banner.tf-banner::before,
.zibi2024-banner.tf-banner::after {
content: '';
position: absolute;
top:0;
background-size: auto 100%;
background-repeat: no-repeat;
height: 100%;
width: 200px;
display:none;
}
.zibi2024-banner.tf-banner::before {
background-image: url('https://www.tfbkw.com/wp-content/uploads/2025/07/20250706151641327-icon-recommend-top-left.svg');
left: 0;
}
.zibi2024-banner.tf-banner::after {
background-image: url('https://www.tfbkw.com/wp-content/uploads/2025/07/20250706151603425-icon-recommend-top-right.svg');
background-position: center right;
right: 0;
}
@media screen and (max-width:600px){
.zibi2024-banner.tf-banner{
padding:10px;
font-size:18px;
}
}
</style>

复制代码

	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	10-30 17:02
	系统消息：柒沐已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#	10-09 09:07
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	09-24 09:00
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	09-11 11:40
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	09-02 09:17
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	08-27 08:56
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	08-20 15:12
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	08-03 10:22
	系统消息：柒沐已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#	06-30 08:57
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	06-18 09:14
	系统消息：清风网络已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#	04-11 09:40
	系统消息：清风网络已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	04-10 09:31
	系统消息：IXM77777已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	04-09 13:44
	系统消息：清风网络已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	04-09 09:22
	系统消息：柒沐已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#	04-09 08:52
	系统消息：清风网络已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	04-08 09:24
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	04-07 09:02
	系统消息：柒沐已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#	02-27 09:35
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	02-26 09:06
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	02-25 08:49

[代码技巧] 子比主题 – 滚动公告条代码美化

资源无需等待，交易就趁现在，全面资源整合网络大咖云集，让你轻松玩转互联网！

代码部署

本帖被以下淘专辑推荐:

相关帖子

飞流广播+ 发布

会员LV.1

会员LV.2

会员LV.3

会员LV.4

会员LV.5

会员LV.6

会员LV.7

会员LV.8

会员LV.9

会员LV.10

关于我们

常用功能

服务引导

fl@fllt.cn