本文最后更新于2020-05-05 ,已超过 1个月没有更新,如果文章内容、图片或者下载资源失效,请留言反馈,我会及时处理,谢谢!

wordpress-知更鸟主题 增强文本多彩文字广告位

2020年5月5日21:06:44 发表评论 258 次浏览

wordpress-知更鸟主题 增强文本多彩文字广告位

增强文本之多彩文字广告位 后台-外观-小工具-增强文本,

填入以下代码,移动到你需要的位置即可

代码:

  1. <div class="colorbar-box">
  2. <ul class="colorbar">
  3. <li><a href="链接地址" target="_blank" style="background-color:#ff3030;">我是文字</a></li>
  4. <li><a href="链接地址" target="_blank" style="background-color:#428BCA;">我是文字</a></li>
  5. <li><a href="链接地址" target="_blank" style="background-color:#e84266;">我是文字</a></li>
  6. <li><a href="链接地址" target="_blank" style="background-color:#91c24f;">我是文字</a></li>
  7. <li><a href="链接地址" target="_blank" style="background-color:#f49800;">我是文字</a></li>
  8. </ul>
  9. </div>
  10. <style type="text/css">
  11. .colorbar-box ul {
  12. padding: 0;
  13. }
  14. .colorbar li {
  15. width: 100% !important;
  16. }
  17. .colorbar li a {
  18. color: #fff;
  19. line-height: 40px;
  20. display: block;
  21. width: 100%;
  22. text-align: center;
  23. }
  24. .colorbar li a:hover {
  25. opacity: 0.8;
  26. }
  27. </style>

 

weinxin
我的微信
这是我的微信扫一扫

发表评论

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