返回主站|会员中心|保存桌面|手机浏览
14

广东省实现信息技术有限公司

15年专注网站建设营销推广及主机域名等服务 TEL:13622707753

网站公告
实现互联网络科技主营业务是向企业及个人提供综合上网服务,目标是建设成为一流的网络平台服务提供商,并为实现这个目标制定了可持续的企业发展纲略,组建了具有丰富网络从业经验的现代型企业团队。
新闻分类
联系方式
  • 联系人:李平
  • 电话:13622707753
  • 邮件:mail@vsxv.com
  • 传真:0760-88554130
站内搜索
 
荣誉资质
友情链接
首页 > 新闻资讯 > 两步教你修改店铺导航自定义绿色橙色样式CSS代码
新闻资讯
两步教你修改店铺导航自定义绿色橙色样式CSS代码
发布时间:2019-10-30        浏览次数:387        返回列表
两步教你修改店铺导航自定义绿色橙色样式CSS代码
(针对本平台店铺模板修改,外部网站需自行调整CSS代码)
第一步:打开后台,上传背景图

   bg-绿色.png

第二步:在自定义代码中填入以下代码即可

#menu a {text-decoration:none;}
.menu {
overflow: hidden;
font-size: 16px;
font-weight: bold;
background-image: none;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 20px;
}
.menu_li {
float: left;
white-space: nowrap;
line-height: 44px;
padding: 0 20px 0 20px;
border-right-width: 1px;
border-right-color: #09BB07;
border-right-style: solid;
}
.menu_li span {
color: #FFFFFF;
}
.menu_on {
float: left;
white-space: nowrap;
line-height: 44px;
background-image: none;
padding-top: 0;
padding-right: 20px;
padding-bottom: 0;
padding-left: 20px;
background-color: #F60;
}
.menu_on span {color:#FFFFFF;}

演示效果

模板导航效果图

(注意:此效果需要将你的模板切换到绿色模板