软件库

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>

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

退出移动版