子比主题 – 侧边栏小工具会员广告小模块

飞流 · 发表于 2025-10-6 22:09:17

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

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

×

侧边小工具会员广告小模块，炫彩色的美化样式，非常好看，给自己的子比主题侧边加上一款会员模块，这是我扒过来的，分享给搭建，很实用

tengfei_down (11).webp

代码部署
将下面代码放到：WP后台–>>外观–>>小工具–>>自定义HTML侧边即可，要选择自定义HTML小工具，将下面代码放到里面

<style>
.widget-adss .asr {
display: block;
padding: 30px 15px;
text-align: center;
color: #fff !important;
background: #64ddbb;
border-radius: 4px;
overflow: hidden;
}
.widget-adss .asr .btn {
margin-top: 20px;
font-weight: normal;
border-radius: 100px;
text-align: center;
user-select: none;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
padding: 4px 30px;
line-height: inherit;
}
.btn-outline {
color: #fff;
background-color: transparent;
border: 1px solid #fff;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline.focus {
color: #555;
background-color: #fff;
}
.ztw-bj {
background-color: #d9534f;
background-image: linear-gradient(#fc423c 33.19%, #f6f1f1 71.01%, #25a6a2);
color: #fff;
background: linear-gradient(75deg, #2f3b42 0%, #3e516d 39%, #222538 100%);
}
</style>
<div class="ztw-bj zib-widget mb10-sm ztw-bj">
<div class="colorful-make" style="transform: rotate(-9deg) scale(0.7);"></div>
<div class="text-center">
<div class="">
<div class="ac"><b class="em14">成为永久黄金会员本站免费下载</b></div>
<div style="" class="em09 opacity8">腾飞博客每日更新只出精品资源</div><br>
<a style="--this-color:#f2c97d;--this-bg:rgba(62,62,67,0.9);" class="mt6 but radius jb-red px12 p2-10 pay-vip" vip-level="2" data-toggle="tooltip" data-placement="left" title="" href="javascript:;" rel="external nofollow" data-original-title="开通会员">立即查看<i style="margin:0 0 0 6px;" class="fa fa-angle-right em12"></i></a>
</div>
</div>
</div>
<div style="margin: 0px;">
<a target="_blank" class="btn-block btn-no btn-lg em11 but jb-yellow" href="/" rel="nofollow noopener noreferrer" style="font-size: 1.1em;">链接失效问题反馈（24小时内答复）</a>
<a target="_blank" class="btn-block btn-no btn-lg em12 but jb-green" href="/" rel="nofollow noopener noreferrer" style="background: crimson; font-size: 1.1em;">本站资源解压密码（前往查看教程）</a>
<a target="_blank" class="btn-block btn-no btn-lg but b-purple" href="/" rel="nofollow noopener noreferrer" style="font-size: 1.1em;">腾飞博客专用便捷工具（评论免费下载）</a>
<a target="_blank" class="btn btn-info btn-block btn-no em12" href="/" rel="nofollow noopener noreferrer" style="font-size: 1.1em;">发布帖子分享资源（免费赚取积分）</a>
</div>

复制代码

	系统消息：柒沐已经连续答对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