WordPress美化侧边栏教程

WordPress美化侧边栏教程

WordPress美化侧边栏教程,自己在小工具侧边栏那边自己添加代码,图片放在自己的本地以防万一

效果图:

WordPress美化侧边栏教程
<style type="text/css">
#update_version img{margin:0px 0 15px }#update_version a{width:30%;height:35px;border-radius:3px;text-align:center;line-height:35px;font-size:9pt;color:#fff;font-weight: 700;}.blog_link{background-color:#2ba9fa}.blog_link,.cms_link{float:left;margin-right:5%}.cms_link{background-color:#ff6969}.grid_link{float:left;background-color:#70c041}
</style>
<div id="update_version">
<a href="https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=1227927380@qq.com" target="_blank" rel="noopener"><img title="柠檬小栈" src="https://img.nmzi.com/uploads/2022/04/20220407034338499.png" alt="图片" style="border-radius:5px;" /></a>
<a class="blog_link" href="https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=1227927380qq.com@@qq.com" target="_blank" style="background-image: linear-gradient(to right, #99CCCC, #FFCC99)"  rel="noopener">发送邮件</a>
<a class="cms_link" href="https://www.nmzi.com/newposts" target="_blank" style="background-image: linear-gradient(to right, #FF9999,#996699)"  rel="noopener">点击投稿</a>
<a class="grid_link" href="http://wpa.qq.com/msgrd?v=3&uin=1227927380&site=qq&menu=yes" target="_blank" style="background-image: linear-gradient(to right,#339933, #9933CC)"  rel="noopener">联系柠檬</a>
<hr> 
</div>

THE END
喜欢就支持一下吧
点赞14 分享
评论 抢沙发

请登录后发表评论