子比主题侧边栏添加简单的小模块
可以用来做侧边栏的广告、领取福利等
很久以前网上找来的，然后自己就进行了一些小小的修改，本来这个小工具模块是广告类型的，但觉得自己侧边栏东西很少就修改成了自己的在线工具跳转的模块工具了。这是一个非常简单的模块小工具，采用结合的HTML+CSS。只需在站点后台 >> 外观 >> 小工具 >> html代码 然后把小工具添加到指定侧边栏中即可。
代码：
等。
<a class="ads" href="https://www.ymkuz.com/" target="源码库" style="border-radius:5px;"><h4>源码库小工具</h4><h5>源码库推荐，安全有保障</h5><span class="ads-btn ads-btn-outline">立即进入</span></a><style>.ads{display:block; padding:40px 15px; text-align:center; color:#fff!important; background:#ff5719; background-image:-webkit-linear-gradient(135deg,#bbafe7,#5368d9); background-image:linear-gradient(135deg,#bbafe7,#5368d9)}.ads h4{margin:0; font-size:22px; font-weight:bold}.ads h5{margin:10px 0 0; font-size:14px; font-weight:bold}.ads.ads-btn{margin-top:20px; font-weight:bold}.ads.ads-btn:hover{color:#ff5719}.ads-btn{display:inline-block; font-weight:normal; margin-top:10px; color:#666; text-align:center; vertical-align:top; user-select:none; border:none; padding:0 36px; line-height:38px; font-size:14px; border-radius:10px; outline:0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out}.ads-btn:hover,.btn:focus,.btn.focus{outline:0; text-decoration:none}.ads-btn:active,.btn.active{outline:0; box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.ads-btn-outline{line-height:36px; color:#fff; background-color:transparent; border:1px solid#fff}.ads-btn-outline:hover,.btn-outline:focus,.btn-outline.focus{color:#343a3c; background-color:#fff}</style><a class="ads" href="https://www.ymkuz.com/" target="源码库" style="border-radius:5px;"> <h4>源码库小工具</h4> <h5>源码库推荐，安全有保障</h5> <span class="ads-btn ads-btn-outline">立即进入</span></a> <style> .ads{display:block; padding:40px 15px; text-align:center; color:#fff!important; background:#ff5719; background-image:-webkit-linear-gradient(135deg,#bbafe7,#5368d9); background-image:linear-gradient(135deg,#bbafe7,#5368d9)}.ads h4{margin:0; font-size:22px; font-weight:bold}.ads h5{margin:10px 0 0; font-size:14px; font-weight:bold}.ads.ads-btn{margin-top:20px; font-weight:bold}.ads.ads-btn:hover{color:#ff5719}.ads-btn{display:inline-block; font-weight:normal; margin-top:10px; color:#666; text-align:center; vertical-align:top; user-select:none; border:none; padding:0 36px; line-height:38px; font-size:14px; border-radius:10px; outline:0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out}.ads-btn:hover,.btn:focus,.btn.focus{outline:0; text-decoration:none}.ads-btn:active,.btn.active{outline:0; box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.ads-btn-outline{line-height:36px; color:#fff; background-color:transparent; border:1px solid#fff}.ads-btn-outline:hover,.btn-outline:focus,.btn-outline.focus{color:#343a3c; background-color:#fff} </style><a class="ads" href="https://www.ymkuz.com/" target="源码库" style="border-radius:5px;"> <h4>源码库小工具</h4> <h5>源码库推荐，安全有保障</h5> <span class="ads-btn ads-btn-outline">立即进入</span></a> <style> .ads{display:block; padding:40px 15px; text-align:center; color:#fff!important; background:#ff5719; background-image:-webkit-linear-gradient(135deg,#bbafe7,#5368d9); background-image:linear-gradient(135deg,#bbafe7,#5368d9)}.ads h4{margin:0; font-size:22px; font-weight:bold}.ads h5{margin:10px 0 0; font-size:14px; font-weight:bold}.ads.ads-btn{margin-top:20px; font-weight:bold}.ads.ads-btn:hover{color:#ff5719}.ads-btn{display:inline-block; font-weight:normal; margin-top:10px; color:#666; text-align:center; vertical-align:top; user-select:none; border:none; padding:0 36px; line-height:38px; font-size:14px; border-radius:10px; outline:0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out}.ads-btn:hover,.btn:focus,.btn.focus{outline:0; text-decoration:none}.ads-btn:active,.btn.active{outline:0; box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.ads-btn-outline{line-height:36px; color:#fff; background-color:transparent; border:1px solid#fff}.ads-btn-outline:hover,.btn-outline:focus,.btn-outline.focus{color:#343a3c; background-color:#fff} </style>
说明：如果只是使用的话，CSS可无需修改，只需修改文本和跳转的网址即可。不需要圆边的话删除style=”border-radius:5px;”即可。
“子比主题侧边栏添加简单的小模块” 的相关文章
(PC+WAP)微信小程序开发代理展示销售pbootcm网站模板 软件开发公司网站源码下载
pbootcms内核开发的网站模板，该模板适用于微信小程序网站、软件开发网站等企业，当然其他行业也可以做，只需要把文字图片换成其他行业的即可； PC+WAP，同一个后台，数据即时同步，简单适用！附带测试数据！ 友好的seo，所有页面均都能完全自定义标题/关键词/描述，PHP程序，安全、稳定、快速；用低成本获取源源不断订单！ 后台：域名/admin.php 账号：admin 密码：admin 模板特…
(PC+WAP)红色火锅加盟网站pbootcm模板 餐饮美食网站源码下载
(PC+WAP)红色火锅加盟网站pbootcms模板 餐饮美食网站源码下载pbootcms内核开发的网站模板，该模板适用于火锅加盟网站、餐饮美食网站等企业，当然其他行业也可以做，只需要把文字图片换成其他行业的即可；PC+WAP，同一个后台，数据即时同步，简单适用！附带测试数据！友好的seo，所有页面均都能完全自定义标题/关键词/描述，PHP程序，安全、稳定、快速；用低成本获取源源不断订单！ 后台：…
(自适应手机版)响应式统一战线政府单位机构类网站源码 红色政府部门机构网站模板
本套织梦模板采用织梦最新内核开发的模板，这款模板使用范围广，不仅仅局限于一类型的企业，政府部门、单位机构类的网站都可以用该模板。你只需要把图片和文章内容换成你的即可，颜色都可以修改，改完让你耳目一新的感觉！布局规整，利于用户体验，手工书写DIV+CSS，代码精简。 同一个后台管理 三网合一简单方便，体验好！ 1、该模板代码干净整洁； 2、效果相当的炫酷，相当简洁大气高端，模板简单，全部已…
0间隔24h采集线报+源码的资源网
1.更新下载类目的采集 及 导入 网站程序：jizhiCMS + 高仿新版某刀资源网模板 采集程序： 蓝天采集 + 已对接好资源站规则 网站图片及蓝天采集规则 安装教程在下面⬇⬇⬇⬇⬇⬇⬇ 链接：https://pan.baidu.com/s/1QFHWi3urqUAzGHxyco…
100＋套官网HTML源码 前端静态页面源码
104套官网源码静态html页面APP下载页面HTML源码，多年收藏精品HTML官网源码104套所有行业均可修改使用。人工精选源码每一套都是精品，纯静态页面无后台…
123网盘在线解析PHP版源码
123网盘解析PHP版本源码是一种非常实用的工具，可以方便地帮助用户在网页上直接解析出其它网站中的资源，并提供下载链接。当用户需要获取某些资源时，往往需要通过各种搜索引擎或者专业的资源网站进行查找，而且很多时候找到了资源链接后还需要进行各种繁琐的操作才能完成下载。而使用 123网盘解析PHP版本源码，只需在相关网站上找到资源链接，然后粘贴到 123网盘解析PHP版本源码中进行解析，即可获…
