快消品货源批发市场
快消品货源分销平台
 
 
当前位置: 货源批发网 » 网商学院 » 网店装修 » 淘宝店铺装修 » 导航怎么修改CSS样式?

导航怎么修改CSS样式?

放大字体  缩小字体 发布日期:2024-08-23 07:52:09  来源:电商联盟  作者:乐发网  浏览次数:25

我们可以看到很多新手店铺导航都是默认的,蓝色的一条导航搭着不同颜色的产品,总觉得是怪怪的,那我们可以不可以修改样式来弄得漂亮一点阿?广州淘宝美工培训告诉你,这是可以的,一切皆有可能,下面就来见证奇迹的时刻。

导航怎么修改CSS样式?

1.在打开的弹窗里面选择”添加“:

导航怎么修改CSS样式?

2.添加宝贝分类至导航操作如下:
导航怎么修改CSS样式?

3.添加页面至导航操作如下:

导航怎么修改CSS样式?

4.添加自定义链接至导航操作如下:
导航怎么修改CSS样式?

5.设置好的内容可以在此调整位置或删除:
导航怎么修改CSS样式?
6.在前台展示如下:

导航怎么修改CSS样式?

新旺铺导航是可以更换颜色和式样的哟这里需要一些css的小技巧。操作位置如下:

导航怎么修改CSS样式?
下面是自定义导航的示例.首先要了解,什么是自定义css

CSS也叫层叠样式表单,是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言
店铺导航开放css设定,就是说让卖家通过css来让导航展现的更加丰富自定义,交给卖家控制。


导航怎么修改CSS样式?


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


.skin-box-bd.menu-list{background:nonerepeatscroll00#00ad08;}

.skin-box-bd.menu-list.link{background:nonerepeatscroll00#00ad08;}

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

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

.all-cats.link{background:nonerepeatscroll00#00ad08;}

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

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


补充:
1:可以注意到,每个样式最前面有个.tshop-pbsm-shop-nav-ch前缀,意思是这个样式只能作用在导航上面,而不会影响到其他模块样式.
如果卖家在写的时候不加上这个前缀,系统会默认帮助加上,同样是为了这个样式只作用在导航上,不影响到其他模块
2:css的样式值,同样有些样式是不能写的,比如expression这个可执行js代码的属性,是不允许使用的.

小结:我们虽然上面说的可能会有点复杂,对于学过代码的美工来说,是很简单的事情。可是没有基础该怎么办?其实这个不要慌张,只要把上面的代码套进去就可以了,毕竟我们做之前都会去备份一次,要大胆去做,细心去发现问题,这才是做装修的要点。

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

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

本文来源: 导航怎么修改CSS样式?

分享与收藏:  网商学院搜索  告诉好友  关闭窗口  打印本文 本文关键字:
 
更多..资源下载
淘宝店铺装修图文
7个步骤打造史上最牛详情页 【官方教程】旺铺模块使用基础
【官方】新旺铺教程之宝贝详情模板 【官方】旺铺新功能多端同步页使用教程
淘宝店铺装修网商学院推荐
淘宝店铺装修点击排行
 
手机版 手机扫描访问