① 求淘宝导航透明背景代码
代码如下,放入导航栏的“显示设置”中。
.skin-box-bd{background:transparent;}.skin-box-bd .menu-list{background:transparent;}.skin-box-bd .menu-list .menu{background:transparent;border:none;}.skin-box-bd .menu-list .menu .link{background:transparent;border:none;}.all-cats{background:transparent;}.all-cats .link{background:transparent;border:none;}.skin-box-bd .menu-list .menu .link .title{color:#000000;}.all-cats .link .title{color:#000000;}.all-cats .link .popup-icon{background:transparent;}
我百度空间中有代码生成工具,其中有一项就是关于导航栏CSS代码的,可以自助生成代码,你可以去看看。
② 天猫导航栏图片格式如何转换成CSS代码
导航栏一般用<ul><li></li></ul>再配合css中的float:left来做的
③ 天猫导航条背景CSS代码
<styletype="text/css">
.nb1{background:url(背景图);height:71px;}
.nb1ul{float:left;}
.nb1ulli{float:left;margin-right:30px;list-style:none}
.nb1ullia{display:block;width:100px;height:71px;}
.nb1img{float:right;margin-right:15px;}
</style>
<div><imgsrc="1.png"id="pic"width="42"height="71"style="position:absolute;z-index:2;visibility:hidden"></div>
<divclass="nb1""><ul><li><a>首页有惊喜</a></li><li><a>WIS品牌</a></li><li><a>首页有惊喜</a></li><li><a>首页有惊喜</a></li><li><a>首页有惊喜</a></li></ul><imgsrc="收藏店铺.jgp"/></div>
④ 淘宝天猫店导航条装修装修,怎么用css代码做990px的导航条急
在CSS里是不是这样的?.className .className2{background:#***;}
去掉.className2
⑤ 天猫装修怎样删除系统自带的导航
可以用代码删除,方法如下:
淘宝,天猫的导航隐藏代码,复制到导航→显示设置里面.skin-box-bd .menu-list{display:none;}.all-cats{display:none;}.skin-box-bd{background:none;}
想要用到系统自带的导航或者说需要用到首页固定背景,那麽就需要在天猫背景设置的自定义css中输入如下的一串代码,天猫系统被隐藏的自带导航就又可以显示了;
天猫背景设置的自定义css中输入如下的一串代码,天猫系统被隐藏的自带导航就又可以显示了; 这个是在哪里输入代码呀 导航都已经隐藏了就没有显示设置了呀tshop-pbsm-shop-nav-ch .skin-box-bd{display:inline;}
⑥ 天猫导航栏的问题,高手请进!!
如图四步,楼主试一下看看
代码是 .skin-box-bd .menu-list .menu{border-right:1px #FFFFFF solid;}
⑦ 淘宝旺铺装修导航条左侧下拉菜单如何设置css代码
首先进入到店铺的装修页面,将鼠标放在导航上面会出现“编辑”字样,单击,选择“显示设置”选项卡
第一部分、静态背景颜色
1、首页/店铺动态/其它导航类目的背景色,这里设为红色
.skin-box-bd .menu-list .link{background:red;}
2、所有分类的背景色(最左边的),一样设为红色
.all-cats .link{background:red;}
到这里,发觉右边的颜色还没有变呢,好的,接着下一步
3、导航条整个分类段背景色,还是要设为红色,整体布局好看些
.skin-box-bd .menu-list{background:red;}
注意观察,最右边还有一丝地方没有变
4、导航条背景色(是最底层了吧),修补导航右侧缺口,再设为红色
.skin-box-bd{background:red;}
小结:有点成功感了!换换其它颜色试试看吧
背景色最好搭配页头背景图,才能整体大气美观
第二部分、分隔线、静态文字的颜色
5、首页等分类的右边的分隔线颜色,设为白色
.menu-list .menu{border-color:white;}
6、所有分类的右边的分隔线颜色,设为白色
.all-cats .link{border-color:white;}
7、首页/店铺动态/其它导航类目的文字颜色
.menu-list .menu .title{color:yellow;}
8、所有分类的文字颜色(最左边那个),
.all-cats .link .title{color:yellow;}
小结:其实原来默认文字的颜色也挺好的
第三部分、分类下的颜色
9、二级分类的背景色,设为灰色
.popup-content{background:gray;}
10、三级分类的背景色,我设为深灰色
.popup-content .cats-tree .snd-pop-inner{background:#504f4f;}
11、二级分类的文字颜色,设为黄色
.popup-content .cat-name{color:yellow;}
12、三级分类的文字颜色。(如果后面要鼠标滑过变色<21.22>,这句要写)
.popup-content .cats-tree .snd-pop-inner .cat-name{color:yellow;}
小结:上面这句不写,和二级分类颜色是一样的
第四部分、鼠标滑过变背景色
13、鼠标滑过首页/店铺动态/其它导航类目变换背景色,这设为蓝色
.menu-list .menu-hover .link{background:blue;}
14、鼠标滑过所有分类(最左边那个)变换背景色,这同样设为蓝色
.all-cats-hover .link{background:blue;}
15、鼠标滑过所有分类下的二级分类变换背景色,这设为蓝色
.popup-content .cats-tree .cat-hd-hover{background:blue;}
16、鼠标滑过所有分类下的三级分类变换背景色,这设为深蓝色
.popup-content .cats-tree .snd-cat-hd-hover{background:#160595;}
17、鼠标滑过导航类目下的宝贝分类变换背景色,这设为蓝色
.menu-popup-cats .sub-cat-hover{background:blue;}
小结:这个所有分类,与首页后面的,是要分开设计的
第五部分、鼠标滑过变文字颜色
18、鼠标滑过首页/店铺动态/其它导航类目变换文字颜色,这设为红色
.menu-list .menu-hover .title{color:red;}
19、鼠标滑过所有分类(最左边那个)变换文字颜色,这同样设为红色
.all-cats-hover .link .title{color:red;}
20、鼠标滑过导航类目下的宝贝分类变换文字颜色,这设为红色
.menu-popup-cats .sub-cat-hover .cat-name{color:red;}
21、鼠标滑过所有分类下的二级分类变换文字颜色,这设为红色
.popup-content .cat-hd-hover .cat-name{color:red;}
22、鼠标滑过所有分类下的三级分类变换文字颜色,这设为红色
.popup-content .cats-tree .snd-cat-hd-hover .cat-name{color:red;}
小结:这部分还是默认白色的好看
第六部分、导航项目激活状态
23、激活项目的文字背景色(难看,所以none)、文字颜色(选白色)
.skin-box-bd .menu-list .menu-selected .link .title{background:none;color:white;}
24、激活项目的项目背景色(项目框),选紫色
.skin-box-bd .menu-list .menu-selected .link{background:purple;}