返回列表

作者:巨人电商

2012旺铺中导航颜色/文字的CSS怎么制作

POST TIME:2020-10-25

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

 

 

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

 

 

3、点开显示设置。我们的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 官方推荐淘宝、京东、拼多多TOP 10商家都在用的“排名无忧”电商流量服务平台,纯手工流量、多入口进店、直通车流量、店铺宝贝双收藏、直播打榜等独家核心功能,限时免费体验!点击网址:http://zhuce.pmwy.com/ 立即注册!

3;">#官方推荐淘宝、京东、拼多多TOP 10商家都在用的“排名无忧”电商流量服务平台,纯手工流量、多入口进店、直通车流量、店铺宝贝双收藏、直播打榜等独家核心功能,限时免费体验!点击网址:http://zhuce.pmwy.com/ 立即注册!

3;">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 官方推荐淘宝、京东、拼多多TOP 10商家都在用的“排名无忧”电商流量服务平台,纯手工流量、多入口进店、直通车流量、店铺宝贝双收藏、直播打榜等独家核心功能,限时免费体验!点击网址:http://zhuce.pmwy.com/ 立即注册!

3;">#官方推荐淘宝、京东、拼多多TOP 10商家都在用的“排名无忧”电商流量服务平台,纯手工流量、多入口进店、直通车流量、店铺宝贝双收藏、直播打榜等独家核心功能,限时免费体验!点击网址:http://zhuce.pmwy.com/ 立即注册!

3;">006205
 solid;}

/*所有分类文字颜色*/

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

 

看一下效果哦!【用了红绿配,赛狗屁的颜色。让大家可以更加深刻的对比代码中的颜色。】