您好,欢迎访问三七文档
当前位置:首页 > 商业/管理/HR > 市场营销 > 淘宝新2012旺铺店铺装修导航css设置教程
淘宝新2012旺铺店铺装修导航css设置教程整个淘宝页面样式和背景颜色设置在左侧装修下面可看到在装修样式中可选。自己喜欢的样式和背景颜色所有页面都可以设置导航颜色设置以下文字内容可以一同复制使用,不会影响到使用效果哦!/*导航条背景色*/.skin-box-bd.menu-list{background:nonerepeatscroll00#00ad08;}/*首页/店铺动态背景色*/.skin-box-bd.menu-list.link{background:nonerepeatscroll00#00ad08;}/*首页/店铺动态右边线*/.skin-box-bd.menu-list.menu{border-right:1px#006205solid;}/*首页/店铺动态文字颜色*/.skin-box-bd.menu-list.menu.title{color:#ff0000}/*所有分类背景色*/.all-cats.link{background:nonerepeatscroll00#00ad08;}/*所有分类右边线*/.all-cats.link{border-right:1px#006205solid;}/*所有分类文字颜色*/.skin-box-bd.all-cats.title{color:#ff0000}看一下效果哦!【用了红绿配,赛狗屁的颜色。让大家可以更加深刻的对比代码中的颜色。】红#FF0000绿#00FF00蓝#0000FF橙色#FF7f00黑#000000白#FFFFFF其他可在DREAMWEAVER中查看。颜色器【设置导航文字的背景,因为系统中默认有很多地方有背景,所以这个地方需要覆盖完全】.tshop-pbsm-shop-nav-ch.link{background-color:#F37C06;background-image:none;}【设置文字颜色】.tshop-pbsm-shop-nav-ch.title{color:white;}tshop-pbsm-shop-nav-ch和.title,.link….这些就是css的选择器,代表我想把哪个背景色或者文字颜色应用在哪个元素上面。看看效果:几行CSS,你的导航就是另外一种风格了。但这个时候,我想让“所有分类有不同的展现,来突出这个地方,吸引下买家,.tshop-pbsm-shop-nav-ch.all-cats-trigger.title{font-family:微软雅黑;font-size:16px;color:black;}我把字体调整的大一点,然后设置成黑色了。其他的区域可参看。淘宝官方教程
本文标题:淘宝新2012旺铺店铺装修导航css设置教程
链接地址:https://www.777doc.com/doc-2283775 .html