边栏添加简单的小模块子比主题侧

可以用来做侧边栏的比主边栏广告、领取福利等美化教程很久以前网上找来的题侧添加，然后自己就进行了一些小小的简单修改，本来这个小工具模块是模块广告类型的，但觉得自己侧边栏东西很少就修改成了自己的比主边栏在线工具跳转的模块工具了。这是题侧添加一个非常简单的模块小工具，采用结合的简单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;”即可。内容看完了 © 版权声明 1:本网站名称：蜡笔傻新2:本站永久网址：https://labishaxin.com/3:本站部分内容收集于互联网，如果有侵权内容、请联系我们删除，不妥之处，敬请谅解4:本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责5:本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报6:本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。