第一步
后台添加自定义CSS样式代码
/*CSS 网站底部自定义按钮美化开始*/
:root{--theme-color:#f04494;--focus-shadow-color:rgba(240,68,148,.4);--mian-max-width:1200px;}.github-badge {
display: inline-block;
border-radius: 4px;
text-shadow: none;
font-size: 12px;
color: #fff;
line-height: 15px;
margin-bottom: 5px;
}
.badge-subject {
display: inline-block;
background-color: #4d4d4d;
padding: 4px 4px 4px 6px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.github-badge .bg-blue {
background-color: #007ec6;
}
.github-badge .bg-brightgreen {
background-color: #4dc820;
}
.github-badge .bg-blueviolet {
background-color: #8833d7;
}
.github-badge .badge-value {
display: inline-block;
padding: 4px 6px 4px 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.github-badge .bg-orange {
background-color: orange;
}
.github-badge .bg-red {
background-color: red;
}
/*CSS 网站底部自定义按钮美化结束 blog.sxchl.cn*/第二步
网站底部自定义链接,添加以下代码
<!--网站底部自定义链接 -开始--> <div class="github-badge"> <span class="badge-subject bg-blue"> <a style="color:#fff" href="链接地址" target="_blank">自行修改文字</a> </span>- <span class="badge-subject bg-brightgreen"> <a style="color:#fff" href="链接地址" target="_blank">自行修改文字</a> </span>- <span class="badge-subject bg-green"> <a style="color:#fff" href="链接地址" target="_blank">自行修改文字</a> </span>- <span class="badge-subject bg-orange"> <a style="color:#fff" href="链接地址" target="_blank">自行修改文字</a> </span>- <span class="badge-value bg-blueviolet"> <a style="color:#fff" href="链接地址" target="_blank">自行修改文字</a> </span>- <span class="badge-value bg-red"> <a style="color:#fff" href="链接地址" target="_blank">自行修改文字</a> </div> <!--网站底部自定义链接 -结束-->
效果图
「小礼物走一走？华子可乐来一个！」
还没有人赞赏，支持一下吧
哇~真是太棒了 感谢大佬支持
内容投诉
晓梦云资源网 » 网站底部自定义按钮美化代码
下载说明：
1.本站资源都是白菜价出售，同样的东西，我们不卖几百，也不卖几十，甚至才卖几块钱，一个永久VIP能下载全站会员专属源码了，所以单独购买也好，会员也好均不提供相关技术服务。
2.如果源码下载地址失效请 提交留言（点击我）进行补发。
3.本站所有资源仅用于学习及研究使用,请必须在24小时内删除所下载资源，切勿用于商业用途，否则由此引发的法律纠纷及连带责任本站和发布者概不承担。资源除标明原创外均来自网络整理,版权归原作者或本站特约原创作者所有,如侵犯到您权益请联系本站删除!
4.本站站内提供的所有可下载资源（软件等等）本站保证未做任何负面改动（不包含修复bug和完善功能等正面优化或二次开发）；但本网站不能保证资源的准确性、安全性和完整性，用户下载后自行斟酌，我们以交流学习为目的，并不是所有的源码都100%无错或无bug；同时本站用户必须明白，【晓梦云】对提供下载的软件等不拥有任何权利（本站原创和特约原创作者除外），其版权归该资源的合法拥有者所有。
5.请您认真阅读上述内容，购买即以为着您同意上述内容。
晓梦云资源网 » 网站底部自定义按钮美化代码
