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

使用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

相关教程

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

  • 淡雅浅黄 简约风尚 女装女鞋淘宝模板

    淡雅浅黄 简约风尚 女装女鞋淘宝模板

    人气:48805
  • 奢侈名表 简约奢华 饰品珠宝淘宝模板

    奢侈名表 简约奢华 饰品珠宝淘宝模板

    人气:38980
  • 游戏充值 瀑布流 虚拟充值网店模板

    游戏充值 瀑布流 虚拟充值网店模板

    人气:39788
  • 双十一 淘宝活动促销模板 潮流女装

    双十一 淘宝活动促销模板 潮流女装

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

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

    人气:30571
  • 大牌简约 大气背景 珠宝配饰网店模板

    大牌简约 大气背景 珠宝配饰网店模板

    人气:38768
  • 高端优雅 多功能 精品鞋包淘宝模板

    高端优雅 多功能 精品鞋包淘宝模板

    人气:41603
  • 复古欧美 胶片暗青 创意灯饰淘宝模板

    复古欧美 胶片暗青 创意灯饰淘宝模板

    人气:1