快消品货源批发市场
快消品货源分销平台
 
 
当前位置: 货源批发网 » 网商学院 » 网店装修 » 装修经验 » 旺铺导航个性化展示,如何利用css设置自定义导航?

旺铺导航个性化展示,如何利用css设置自定义导航?

放大字体  缩小字体 发布日期:2024-10-12 07:16:33  来源:电商联盟  作者:乐发网  浏览次数:42

  上一节课我们说了旺铺导航的添加设置,本文再次给大家讲解如何设置自定义导航,了解什么是自定义css,希望能帮助到你们。

什么是自定义CSS?

  CSS 也叫层叠样式表单, 是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言

  店铺导航开放css设定,就是说让卖家通过css来让导航展现的更加丰富自定义,交给卖家控制。

css自定义导航设置

  以下文字内容可以一同复制使用,不会影响到使用效果哦!

  

  .skin-box-bd .menu-list{background: none repeat scroll 0 0 #00ad08;}

  

  .skin-box-bd .menu-list .link{background: none repeat scroll 0 0 #00ad08;}

  

  .skin-box-bd .menu-list .menu{border-right:1px #006205 solid;}

  

  .skin-box-bd .menu-list .menu .title{color:#ff0000}

  

  .all-cats .link{background: none repeat scroll 0 0 #00ad08;}

  

  .all-cats .link{border-right:1px #006205 solid;}

  

  .skin-box-bd .all-cats .title{color:#ff0000}

  看一下效果哦!【用了红绿配,赛狗屁的颜色。让大家可以更加深刻的对比代码中的颜色。】

  补充:

  1:可以注意到, 每个样式最前面有个.tshop-pbsm-shop-nav-ch 前缀, 意思是这个样式只能作用在导航上面,而不会影响到其他模块样式.

  如果卖家在写的时候不加上这个前缀,系统会默认帮助加上, 同样是为了这个样式只作用在导航上,不影响到其他模块

  2: css的样式值,同样有些样式是不能写的,比如 expression这个可执行js代码的属性,是不允许使用的.

  具体样式使用的白名单请参考

  旺铺2012页头整体限高150PX。所以当店招设为150PX时,导航会被挤下去。

  所以页头过高时,导航会被截断。解决办法就是调整店招高度。

  热门问题答疑

  1、导航误删怎么找回来?

  导航模块不可删除。如果装修发布后导航不见了,可以将店铺招牌尺寸修改为:950*120 px

  (页头高150px包含店铺招牌和导航,如果店铺招牌高设置成150px,发布后导航可能消失不见)

  2 、css不会用,代码不会写怎么办?

  可以参考以下三篇文章:

  《导航css代码在线生成工具》

  《卖家分享至导航css代码修改技巧》

  《卖家分享之全屏自定义导航教程》

  3、 经典导航案例

经典导航案例

  4、导航两侧超出950的部分怎么去掉?

导航设置

  解决方案:此区域属于页头背景区。可通过设置页头背景进行装修。

  操作路径:装修-样式管理-背景设置-页头背景

页头背景设置

  以上便是新版旺铺利用css做自定义导航的过程,希望对你们有用!

乐发网超市批发网提供超市货源信息,超市采购进货渠道。超市进货网提供成都食品批发,日用百货批发信息、微信淘宝网店超市采购信息和超市加盟信息.打造国内超市采购商与批发市场供应厂商搭建网上批发市场平台,是全国批发市场行业中电子商务权威性网站。

本文内容整合网站:百度百科知乎淘宝平台规则

本文来源: 旺铺导航个性化展示,如何利用css设置自定义导航?

分享与收藏:  网商学院搜索  告诉好友  关闭窗口  打印本文 本文关键字:
 
更多..资源下载
装修经验图文
旺铺装修中的免费添加自定义模块步骤 【智能导购】100%访客变成交!
旺铺导航个性化展示,如何利用css设置自定义导航? 旺铺装修之宝贝分类管理,如何添加宝贝分类装修店铺
装修经验网商学院推荐
装修经验点击排行
 
手机版 手机扫描访问