淘宝店铺内的导航条怎样装修?
展开全部
1、进入卖家中心,点击“店铺装修”,即可进入装修界面。将鼠标放置导航条位置,即可出现编辑按钮,点击“编辑”
2、进入编辑界面后,会出现两个选项,“导航设置”和“显示设置”,“导航设置”就是添加或删除导航条的内容,或者将某一项上移或下移。
3、根据自己的喜好和美观来搭配颜色。规定好颜色之后,就可以把以下代码编辑到“显示设置”的输入框内。点击“确认”即可完成设置。其中/* */内的文字为注释文字,不影响代码内容。
/* 导航条背景色*/
.skin-box-bd .menu-list{background: none repeat scroll 0 0 #00ad08;}
/*首页/店铺动态背景色*/
.skin-box-bd .menu-list .link{background: none repeat scroll 0 0 #FFFFFF;}
/*首页/店铺动态右边线*/
.skin-box-bd .menu-list .menu{border-right:1px #006205 solid;}
/*首页/店铺动态文字颜色*/
.skin-box-bd .menu-list .menu .title{color: #9F5F9F}
/*所有分类背景色*/
.all-cats .link{background: none repeat scroll 0 0 #FF00FF;}
/*所有分类右边线*/
.all-cats .link{border-right:1px #8C7853 solid;}
/*所有分类文字颜色*/
.skin-box-bd .all-cats .title{color: #FFFF00}
2、进入编辑界面后,会出现两个选项,“导航设置”和“显示设置”,“导航设置”就是添加或删除导航条的内容,或者将某一项上移或下移。
3、根据自己的喜好和美观来搭配颜色。规定好颜色之后,就可以把以下代码编辑到“显示设置”的输入框内。点击“确认”即可完成设置。其中/* */内的文字为注释文字,不影响代码内容。
/* 导航条背景色*/
.skin-box-bd .menu-list{background: none repeat scroll 0 0 #00ad08;}
/*首页/店铺动态背景色*/
.skin-box-bd .menu-list .link{background: none repeat scroll 0 0 #FFFFFF;}
/*首页/店铺动态右边线*/
.skin-box-bd .menu-list .menu{border-right:1px #006205 solid;}
/*首页/店铺动态文字颜色*/
.skin-box-bd .menu-list .menu .title{color: #9F5F9F}
/*所有分类背景色*/
.all-cats .link{background: none repeat scroll 0 0 #FF00FF;}
/*所有分类右边线*/
.all-cats .link{border-right:1px #8C7853 solid;}
/*所有分类文字颜色*/
.skin-box-bd .all-cats .title{color: #FFFF00}
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询