淘宝店铺导航css代码

淘宝店铺导航栏点击之后是蓝色，是可以改颜色的，你先进入到淘宝的装修中，然后点击到导航条的那一部分，在点击自定义代码，找到a标签的css代码，看到color属性，在那个后面添加需要的颜色就可以了，具体通过代码来理解下：

.keepbj{ //通过class来设置

width:100px;

height:50px;

border:1px solid #f00;

}

.keepbj a{

color:#f00; //这个是红色，可以根据需要来填写就行。

}

目录1

淘宝店铺基础版全套装修模版使用教程：

1、背景设置

淘宝装修后台，左上角"装修"--"样式管理"-"样式编辑"-"选择配色"，设置配色。

然后点左侧"背景设置"，不勾选"页头背景图"，即不显示页头背景图。因为淘宝基础版店铺不能自定义页头背景图，系统自带的和店招不协调。

目前基础版店铺首页、列表页、搜索页可以显示页面背景了。本模板含页面背景代码，需将代码安装在导航条的css显示设置里。

2、店招代码安装

提醒：店招高度设置为118px

淘宝装修后台，左上角"页面管理"，在顶部，店招，点"编辑"，点"自定义店招"，点""切换到代码模式，粘贴店招代码，然后再点""，输入店铺名称。

3、安装页面背景代码(导航条css代码)

鼠标移动到店招中的导航条上，点编辑，点显示设置，粘贴导航条css代码

4、安装左侧旺旺客服中心模板代码

左侧，添加自定义模块，粘贴客服中心模板代码。

5、安装左侧搜索模块、宝贝分类、宝贝排行榜模块

淘宝左侧，依次添加淘宝官方系统自带的搜索、宝贝分类、排行榜模块，然后在每个模块顶部放一个自定义模块，粘贴对应的标题模板代码。

提示：标题模板代码中的文字可以自己修改为对应的店铺搜索、宝贝排行榜名称。

6、安装左侧收藏本店模板代码

最后，在底部添加一个190自定义模块，粘贴左侧收藏本店模板代码。

7、安装右侧750海报与店铺公告模板

首页右侧，添加一个自定义模块，添加下面的带海报功能的淘宝店铺公告模板代码：

8、添加新品上市、爆款推荐等宝贝推荐模块

宝贝推荐模块采用自定义标题模板代码+淘宝系统自带宝贝推荐的模式。以方便大家使用。标题代码中的文字，均可以自由发挥，改成诸如新年促销、店主推荐、新品上市等文字。

9、添加五分好评图

新建一个750自定义模块，粘贴右侧五分好评图代码。

10、添加淘宝系统自带的各种模板模块。

当然，灵猫—店商 在做;可以参考一下别人做的，类目不是越多越好，要图文并茂。

CSS代码不能插到淘宝里面。你只能把CSS样式插入DIV里面。如果你要把背景图片放上去。你先把背景图片上传到淘宝后台的图片库。然后复制链接插入DIV的IMAGE上。就能在店铺显示了。

淘宝首页背景图片显示不全有两种情况：

一、只设置了样式编辑中的页头背景，没有更新页面背景，这样店招后面的背景可以正常显示，但页面背景没有上传，当然无法正常显示；

二、第一栏自定义模块中有全屏海报代码，或是全屏轮播代码，这段代码的宽度是1440px到1920px，全屏海报或轮播应当是代码方式实现的。如果想让修改好的页面背景显示出来，那需要删除这一自定义模块，采用950px宽度的其他代码。

淘宝店铺背景图片固定代码如下：

body{background-image:url(图片地址);background-repeat:no-repeat;background-position:top center;background-attachment:fixed;}

1：需上传淘宝店铺背景图片到自己的空间里，并将代码中的“图片地址”替换修改为淘宝店铺背景图片即可。

2：背景图片的宽度应为1920px或者1440px，高度随意。

3：基础版、专业版、天猫商城新旺铺的淘宝店铺背景图片固定代码放在店铺导航条的css显示设置里即可。(点击导航编辑，选择"显示设置"，这里黏贴背景图片固定代码即可。)

4：专业店铺需将背景图片固定代码放在 “模板”-“背景设置”-“完全自定义”里即可。

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

一般店铺不行，除非你申请成为淘宝的模板设计师，通过SDK上传。

淘宝禁用了很多CSS代码，所以你用正常的思路编写的CSS代码很可能达不到想要的效果。

去淘宝装修市场，下载模板设计师的说明文件吧。