导航栏怎么变透明

2014-11-17 14:18:36

       导航是很重要的,一个好的单行,不单单在于可以将消费者顺利引导到需要的界面,另外,美观的导航也可以为店铺整体加分。
       我们在网店装修的的时候,往往需要选择模版的颜色,但是,五颜六色你看惯了,可否尝试其他特别一点的呢?比如说,透明的。事不宜迟,下面我们来说说,透明的导航栏应该怎么做?我们尝试在CSS上做功夫。
       步骤介绍:
       1、卖家中心->店铺装修->找到导航栏编辑按钮
       2、然后打开编辑,看提示窗口找到(显示设置)点击后看到白框就是CSS自定义框。

         3、将下边的透明代码拷贝过去,你看,导航栏是不是变透明了。如图所示:
        A 简单的淘宝新旺铺自定义CSS导航透明背景代码:
        .skin-box-bd{background:none;}
        .menu-list{background:none;}.link{background:none;}
        .menu{background:none;}
        .all-cats{background:none;}
        .all-cats{display:none;}
        .menu-list.menu.title{color:#CF6AA6;}
        B 完全的淘宝新旺铺自定义CSS导航透明背景代码:
        .skin-box-bd{background:none;border:none;}
        .menu-list{background:none;}
        .link{background:none;border:none;}
        .menu{background:none;}
        .all-cats{background:none;}
        .skin-box-bd.all-cats.link{border:none;}
        .skin-box-bd.menu-list.menu{border:none;}
        .menu-list.menu.title{color:#000000;font-size:15px;font-weight:bold;}
        .all-cats.link.title{color:#000000;font-size:15px;font-weight:bold;}
        .skin-box-bd.menu-list.menu-selected.link{background:none;}
        .skin-box-bd.menu-list.menu-selected.link.title{background:none;}
        想让自己的店铺更具特色吗,赶快来开淘网看看吧,众多免费的模版和各种的装修技巧,肯定让你不枉此行。更多淘宝装修资讯,尽在开淘装修网(https://www.kaitao.cn/
>> 查看更多相似文章

推荐阅读

©Copyright ©2007-2016 www.kaitao.cn (开淘网) All Rights Reserved