淘宝新版旺铺导航半透明CSS代码是什么

html-css019

淘宝新版旺铺导航半透明CSS代码是什么,第1张

1：登陆淘宝卖家中心，进入淘宝店铺装修后台页面，鼠标放在导航栏位置，出现编辑窗口，

2：点击编辑，找到“显示设置”，点击后看到白框就是CSS自定义框。

3:将我们上面提供的透明代码复制进去，导航栏就会透明显示了

简单的淘宝新旺铺自定义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}

完全的淘宝新旺铺自定义CSS导航透明背景代码：

.skin-box-bd{background:noneborder:none}

.menu-list{background:none}

.link{background:noneborder: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:#000000font-size:15pxfont-weight:bold}

.all-cats .link .title{color:#000000font-size:15pxfont-weight:bold}

.skin-box-bd .menu-list .menu-selected .link{background:none}

.skin-box-bd .menu-list .menu-selected .link .title{background:none}

查看店铺，右击，查看源代码，在里面找到你要改字体的标签，可以使用ctrl+f，找到后，根据class名，更改样式即可，font-family：‘宋体’。

font-family、微软雅黑，宋体，seri、解释下：这个设置的意思是，优先微软雅黑，如果没有微软雅黑就用宋体，两个都没有就用serif类字体。

导航栏CSS样式制作流程：

1、导航栏CSS样式设置，预览:导航样式是选择设置后，预览区会自动发生变化，涉及到“经过"的效果，是指鼠标放到该元素上产生的效果，需要把鼠标放设置的元素上查看设置效果。

2、颜色、点击颜色选择器，在颜色选择界面，选择你喜欢的颜色，或者设置指定的颜色(在#位置，填写颜色编号，可以指定需要的颜色。

这个需要自己提前使用PS或者其他取色软件获得需要的颜色编号)。选择了马赛克，意思是不设置，没有任何颜色。

3、图片、部分设置框里，是设置图片。首先，进入淘宝店铺图片空间，上传准备好的背景素材图片，上传完成后，复制图片地址，在图片设置框里粘贴(一定是淘宝图片空间的图片，否则不能在淘宝店铺安装导航CSS代码)。

注意，部分样式设置里，一个位置有颜色设置，同样有图片设置，任取一种必须设置一种。

4、字体、字体大小、字体名称、字体样式，根据提供的选项进行选择即可。

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:noneborder:none}

.menu-list{background:none}

.link{background:noneborder: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:#000000font-size:15pxfont-weight:bold}

.all-cats.link.title{color:#000000font-size:15pxfont-weight:bold}

.skin-box-bd.menu-list.menu-selected.link{background:none}

.skin-box-bd.menu-list.menu-selected.link.title{background:none}