淘宝店装修之CSS导航栏变透明代码

导航是很重要的，一个好的单行，不单单在于可以将消费者顺利引导到需要的界面，另外，美观的导航也可以为店铺整体加分。

 

        我们在网店装修的的时候，往往需要选择模版的颜色，但是，五颜六色你看惯了，可否尝试其他特别一点的呢？比如说，透明的。事不宜迟，下面我们来说说，透明的导航栏应该怎么做？我们尝试在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;}

 

 

 

想让自己的店铺更具特色吗，赶快来开淘网看看吧，众多免费的模版和各种的装修技巧，肯定让你不枉此行。