公告:唯艺客户端火爆上线,模板自动安装,国际安全认证~
马上注册,领取百套精美模板(永久免费) 个人中心 | 下载客户端 | 客户服务 | 登录 | 注册
您所在的位置:淘宝装修教程 > 淘宝装修代码

使用css代码装修出网店透明的导航栏

作者:bj-lsz 2015-12-17 01:50:52
        淘宝网店导航栏装修是店铺设计的重要一部分,很多店家为装修出有个性的网店导航栏而烦恼,对于怎样才能更好的装修出网店透明的导航栏,唯艺今日给店家们讲解了一些内容,请随唯艺一起往下走吧!

  有些时候我们在网店装修时会不会偶尔觉得导航条很古板想换个颜色、或者说想把它变成透明

  是否可以?唯艺告诉店家们,这是可以的。装修步骤如下:



  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;}

  店家若对以上讲解,还有不懂的,可以咨询唯艺网客服。以上就是全部的使用css代码装修出网店透明的导航栏内容知识,对于更多相关知识,请店家浏览唯艺代码装修栏目!



  本文出自唯艺网店装修平台(www.weiyi5.cc),转载请注明出处!

0

相关教程

懒人专区:淘宝模板-免费安装查看更多>

  • 奢华香包 大图模块 珠宝鞋靴淘宝模版

    奢华香包 大图模块 珠宝鞋靴淘宝模版

    人气:0
  • 中国风 佛缘手珠 饰品珠宝淘宝模板

    中国风 佛缘手珠 饰品珠宝淘宝模板

    人气:30549
  • 潮流复古  极致简约  个性服饰淘宝模板

    潮流复古 极致简约 个性服饰淘宝模板

    人气:0
  • 日用杂货 清新简约 生活兴趣网店模板

    日用杂货 清新简约 生活兴趣网店模板

    人气:45643
  • 好茶汇聚 素雅浅色 食品保健淘宝模板

    好茶汇聚 素雅浅色 食品保健淘宝模板

    人气:30571
  • 时尚简约 鞋帽箱包 珠宝配饰淘宝模板

    时尚简约 鞋帽箱包 珠宝配饰淘宝模板

    人气:56789
  • 旅行眼镜 炫酷欧美 服装配件网店模板

    旅行眼镜 炫酷欧美 服装配件网店模板

    人气:43216
  • 至简大牌 全屏轮播 女装服饰淘宝模板

    至简大牌 全屏轮播 女装服饰淘宝模板

    人气:40580