侧边栏小工具实现一图三按钮的效果[WordPress]

(゜-゜)つロ 干杯~

登录站点后台 >> 外观 >> 小工具 >> 将『文本』小工具添加到指定侧边栏中,加入下面代码。

代码

  1. <div id="update_version"><a target="_blank" href="http://www.hibbba.com/sponsor.html"><img src="https://ww4.sinaimg.cn/large/a15b4afegy1flcuiq37rzj208c05kmya" title="打赏贝贝吧" alt="打赏贝贝吧"></a><a target="_blank" href="https://portal.qiniu.com/signup?code=3ljldwl5v0fo2" class="blog_link">免费云储存</a><a target="_blank" href="http://shang.qq.com/wpa/qunwpa?idkey=28dc568764b80caa6d338290fb427c557b1f9cddb431ebb496143eea674c0458" class="cms_link">加入QQ群</a><a target="_blank" href="http://www.hibbba.com/task.html" class="grid_link">每日任务</a></div><br>  
  2.   
  3.   
  4. <style type="text/css">  
  5. #update_version img{margin:5px 2px 15px}  
  6. #update_version a{width:30%;height:35px;border-radius:3px;text-align:center;line-height:35px;font-size:9pt;color:#fff}  
  7. .blog_link{background-color:#2ba9fa}  
  8. .blog_link,.cms_link{float:left;margin-right:5%;margin-bottom:3%}  
  9. .cms_link{background-color:#ff6969}  
  10. .grid_link{float:left;background-color:#70c041}  
  11. </style>  

效果图

侧边栏小工具实现一图三按钮的效果[WordPress]

   

如果资源下载失效请到 留言板 留言或者 QQ 联系我。

本站默认解压密码:www.hibbba.com

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:1   其中:访客  1   博主  0

    • avatar 夏日博客 1

      这样的效果不错,可以添加三个链接功能。