wordpress侧边栏增加多彩的菜单

2019年10月22日13:17:50 发表评论

效果如下:

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>

自行修改其中的文字及链接。

站长小智

发表评论

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