当前位置: 首页 > 留言

    avataravataravatar

留言板:目前有35 条评论

  1. avatar
    21楼
    ONE

    您好,请问您侧边栏的彩色导航是怎么实现的?有间距的按钮真好看。我自己做的没有间距。方便分享一份代码吗?

    2018-08-12「来自:广东省广州市 电信 的朋友」上午8:10 [回复]
    • avatar
      Qing

      @ONE style.css文件添加一下CSS代码

      1
      2
      3
      /*自定义菜单*/
      #colorbar{margin-top:16px;height:auto}
      #colorbar li a{display:block;margin-top:4px;padding-left:15px;height:40px;background-color:#9AC813;color:#fff;font-size:14px;line-height:40px}li ol {list-style-type:none;}#colorbar li a:hover{opacity:0.8}.textwidget{color:#777;line-height:24px}

      前端调用CSS

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
                <div id="colorbar">
                <div class="r_side-top">
                     <ul>
      <li><a style="background-color:#45B4EB;" target="_blank" href="https://www.13qing.com/">Home</a></li>
      <li><a style="background-color:#9AC813;" target="_blank" href="https://www.13qing.com/player">网络电影</a></li>
      <li><a style="background-color:#00CFF8;" target="_blank" href="https://www.13qing.com/music">音乐电台</a></li>
      <li><a style="background-color:#F0547C;" target="_blank" href="https://www.13qing.com/links">友情连接</a></li>
      <li><a style="background-color:#FFA300;" target="_blank" href="https://www.13qing.com/photo">贴图相册</a></li>
      <li><a style="background-color:#3ABE73;" target="_blank" href="https://www.13qing.com/guestbook">流言蜚语</a></li>
                     </ul>
                </div>
                </div>

      其它的自己调试下!

      2018-08-13「来自:广东省惠州市 电信 的朋友」下午12:01 [回复]
      • @Qing 谢谢啦,这个样式非常漂亮,感谢分享!

        2018-08-13「来自:广东省广州市 电信 的朋友」下午7:35 [回复]

发表评论