侧边栏小工具实现多彩菜单[WordPress]

(゜-゜)つロ 干杯~

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

代码

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