必威体育Betway必威体育官网
当前位置:首页 > 淘宝教程

淘宝旺铺导航css代码怎么修改?

时间:2019-09-10 19:40:00来源:淘宝教程作者:seo实验室小编阅读:62次「手机版」
 

淘宝导航css代码

淘宝旺铺导航css代码怎么修改?在导航装修时常常会需要用到css代码,很多卖家并不清楚宝旺铺导航css代码怎么使用怎么修改。今天装修宅就来讲讲淘宝旺铺导航css代码的相关内容

淘宝店铺导航是买家访问店铺的快速通道,那么我们该如何利用ccs代码做好导航的装修呢?我们先来简单了解一下ccs代码是什么吧!

一、css代码是什么?

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

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

二、淘宝旺铺导航css代码怎么修改?

1、因为每套模板的CLASS都不同,所以以系统模板第一套模板为例,我们以最傻瓜的方式来DIY如何用CSS修改导航条颜色。

淘宝旺铺导航css代码怎么修改

2、点击导航右侧“编辑”字样。

淘宝旺铺导航css代码怎么修改

3、点开显示设置。我们的CSS代码就要书写在这里。

淘宝旺铺导航css代码怎么修改

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

颜色标注出来的对应图片换绿色的区域,红色对应的换红色文字区域。千万别写错了,不然麻烦就大了

/* 导航条背景色*/

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

.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;background: none repeat scroll 0 0 #00ad08}

/*所有分类背景色*/

.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}

看一下效果哦!(用了红绿配,鲜明对比的颜色。让大家可以更加深刻的对比代码中的颜色,大家根据自己店铺装修风格进行颜色选择噢!)

淘宝旺铺导航css代码怎么修改

淘宝旺铺导航css代码怎么修改小编就讲到这里了,更多关于淘宝店铺装修的内容可以访问装修宅。

相关阅读

SEO优化怎么优化网站代码

  作为一名合格的SEOer,我们不需要精通HTML代码,但我们要懂得网站代码如何优化,比如我们网站中的某些内容为重要的内容,这就需要我

Vue.js应用回退或刷新界面时提示用户保存修改

 在实际应用中,运营人员在编辑数据时不希望因不小心点击了浏览器的回退或刷新按钮导致花费了很长时间编辑的数据丢失。可以采用以

修改网站关键词会影响网站的排名吗?

 修改网站关键词会影响网站的排名吗?这个问题是很多初次接触seo的同志们会问的问题。现在我们随着SEO实验室小编一起看看。

淘宝内容营销会成功吗?怎么写好软文?

淘宝内容营销会成功吗?写好软文!很多卖家都知道要做淘宝内容营销,但是担心淘宝内容营销会成功吗?在做淘宝内容营销的时候,认为软文

什么是流量格子铺?淘宝的格子铺引入流量靠谱么?

什么是流量格子铺?淘宝的格子铺引入流量靠谱么?

分享到:

栏目导航

推荐阅读

热门阅读